#00daf3 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #00daf3 | RGB(0, 218, 243) |
Created at 04/26/2024 14:23
RGB values are RGB(0, 218, 243)
#00daf3 color contains Red 0%, Green 85.49% and Blue 95.29%.
oklch(81.35% 0.1404 209.38)
#00daf3 color contains Red 0%, Green 85.49% and Blue 95.29%.
oklch(81.35% 0.1404 209.38)
Color Names of #00daf3 HEX code
≈ Bright Turquoise
Classification of #00daf3 color
#00daf3 is Light and Cool Color Saturation 100%, lightness 48%.
Tint of Dark Turquoise
Alternative colors of #00daf3
Opposite Color for #00daf3 is #f31900
#00daf3 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #00daf3
cmyk
CMYK(100%, 10%, 0%, 5%)
Decimal
56051
HEX
#00daf3
HSL
hsl(186, 100%, 48%)
HSLA
hsla(186, 100%, 48%, 1)
RGB
RGB(0, 218, 243)
RGBA
RGBA(0, 218, 243, 1)
Palettes for #00daf3 color:
Below are examples of color palettes with the #00daf3 HEX color
darkest color is #001618 from shades and lightest color is #e6fbfe from tints
Shades palette of #00daf3:
#00c4db
#00aec2
#0099aa
#008392
#006d7a
#005761
#004149
#002c31
#001618
#000000
Tints palette of #00daf3:
#19def4
#33e1f5
#4de5f7
#66e9f8
#80edf9
#99f0fa
#b3f4fb
#ccf8fd
#e6fbfe
#ffffff
Complementary palette of #00daf3:
#00daf3
#f31900
Triadic palette of #00daf3:
#00daf3
#f300da
#daf300
Square palette of #00daf3:
#00daf3
#9300f3
#f31900
#60f300
Analogous palette of #00daf3:
#00f393
#00daf3
#0060f3
Split-Complementary palette of #00daf3:
#00daf3
#f30060
#f39300
Rectangle (tetradic) palette of #00daf3:
#00daf3
#1900f3
#f31900
#daf300
Suggested color palettes for #00daf3 HEX:
Color palette with color #00daf3 #1:
Color palette with color #00daf3 #2:
Color palette with color #00daf3 #3:
Color palette with color #00daf3 #4:
Color palette with color #00daf3 #5:
Color #00daf3 used in palettes (1)
Color Contrast
Color pairings of #00daf3 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#00daf3
#00daf3Contrast Ratio
1.7:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#00daf3
#00daf3Contrast Ratio
12.32:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #00daf3 color png
Visit the popular colors list for more colors