#30cadd HEX color information
| Color | HEX | RGB |
|---|---|---|
| #30cadd | RGB(48, 202, 221) |
Created at 11/15/2026 06:03
RGB values are RGB(48, 202, 221)
#30cadd color contains Red 18.82%, Green 79.22% and Blue 86.67%.
oklch(77.10% 0.1232 207.7)
#30cadd color contains Red 18.82%, Green 79.22% and Blue 86.67%.
oklch(77.10% 0.1232 207.7)
Color Names of #30cadd HEX code
≈ Scooter
Classification of #30cadd color
#30cadd is Light and Cool Color Saturation 72%, lightness 53%.
Tint of Dark Turquoise
Alternative colors of #30cadd
Opposite Color for #30cadd is #dd4330
#30cadd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #30cadd
cmyk
CMYK(78%, 9%, 0%, 13%)
Decimal
3197661
HEX
#30cadd
HSL
hsl(187, 72%, 53%)
HSLA
hsla(187, 72%, 53%, 1)
RGB
RGB(48, 202, 221)
RGBA
RGBA(48, 202, 221, 1)
Palettes for #30cadd color:
Below are examples of color palettes with the #30cadd HEX color
darkest color is #051416 from shades and lightest color is #eafafc from tints
Shades palette of #30cadd:
#2bb6c7
#26a2b1
#228d9b
#1d7985
#18656f
#135158
#0e3d42
#0a282c
#051416
#000000
Tints palette of #30cadd:
#45cfe0
#59d5e4
#6edae7
#83dfeb
#98e5ee
#aceaf1
#c1eff5
#d6f4f8
#eafafc
#ffffff
Complementary palette of #30cadd:
#30cadd
#dd4330
Triadic palette of #30cadd:
#30cadd
#dd30ca
#cadd30
Square palette of #30cadd:
#30cadd
#9930dd
#dd4330
#74dd30
Analogous palette of #30cadd:
#30dd99
#30cadd
#3074dd
Split-Complementary palette of #30cadd:
#30cadd
#dd3074
#dd9930
Rectangle (tetradic) palette of #30cadd:
#30cadd
#4330dd
#dd4330
#cadd30
Suggested color palettes for #30cadd HEX:
Color palette with color #30cadd #1:
Color palette with color #30cadd #2:
Color palette with color #30cadd #3:
Color palette with color #30cadd #4:
Color palette with color #30cadd #5:
Color Contrast
Color pairings of #30cadd with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#30cadd
#30caddContrast Ratio
1.97:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#30cadd
#30caddContrast Ratio
10.61:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #30cadd color png
Visit the popular colors list for more colors