Named color · #AFDADF
Daly Waters
Daly Waters is #AFDADF: rgb(175 218 223), hsl(186 43% 78%), oklch(0.859 0.045 205.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Cyan mean? → · Daly Waters color name →
#AFDADF
oklch(0.859 0.045 205.1)
Color conversions
- HEX
- #afdadf
- RGB
- rgb(175 218 223)
- HSL
- hsl(186 43% 78%)
- HWB
- hwb(186 69% 13%)
- OKLCH
- oklch(0.859 0.045 205.1)
- OKLab
- oklab(0.859 -0.041 -0.019)
- CIE Lab
- lab(84.11 -13.71 -7.35)
- LCH
- lch(84.11 15.56 208.2)
- CMYK
- cmyk(22% 2% 0% 13%)
Tints · Shades · Tones
Tints
- B7DEE2
- BFE1E5
- C7E5E9
- CFE9EC
- D7EDEF
- DFF0F2
- E7F4F5
- EFF8F9
- F7FBFC
Shades
- 98BDC2
- 81A2A5
- 6B878A
- 566C6F
- 415456
- 2E3C3D
- 1C2527
- 0B1112
- 010202
Tones
- AAD1D5
- A6C7CB
- A1BEC2
- 9DB5B8
- 98ACAE
- 93A3A5
- 8E9A9C
- 8A9192
- 858989
Color harmonies
Complementary +180°
- AFDADF
Daly Waters
- EDC6C2
≈ Delicate Pink Rose
Analogous -30° +30°
- AFDADF
Daly Waters
- B3DBCF
≈ Balmy Seas
- B5D6EB
≈ Light Sea Cliff
Triadic +120° +240°
- AFDADF
Daly Waters
- E1C7E1
≈ Syrian Violet
- DFCFB0
≈ Netsuke
Split-complementary +150° +210°
- AFDADF
Daly Waters
- EAC5D2
≈ Misty Memories
- E9CAB5
≈ Woodstock Rose
Tetradic +90° +180° +270°
- AFDADF
Daly Waters
- D2CCEC
≈ Miami White
- EDC6C2
≈ Delicate Pink Rose
- CFD5B3
≈ Avocado Whip
Contrast & accessibility
Ag
FailOn white
WCAG 1.50:1 · APCA Lc 24
Ag
AAAOn black
WCAG 13.91:1 · APCA Lc 79
Best text color: #000000
WCAG 13.91:1 (AAA) · APCA Lc 79
Contrast pairs
Code snippets
CSS
:root {
--daly-waters: #afdadf;
--daly-waters-rgb: 175 218 223;
--daly-waters-oklch: oklch(0.859 0.045 205.1);
}
.element {
color: var(--daly-waters);
background-color: hsl(186 43% 78%);
border-color: oklch(0.859 0.045 205.1);
}Tailwind CSS v4
@theme {
--color-daly-waters: #afdadf;
--color-daly-waters-50: #e7f9fc;
--color-daly-waters-100: #d7edf0;
--color-daly-waters-200: #bfdade;
--color-daly-waters-300: #9dbec3;
--color-daly-waters-400: #7fa7ab;
--color-daly-waters-500: #628f95;
--color-daly-waters-600: #53797e;
--color-daly-waters-700: #426165;
--color-daly-waters-800: #2f4749;
--color-daly-waters-900: #203133;
--color-daly-waters-950: #101d1f;
}SCSS
$daly-waters: #afdadf;
$daly-waters-rgb: 175, 218, 223;
$daly-waters-light: mix(#fff, $daly-waters, 20%);
$daly-waters-dark: mix(#000, $daly-waters, 20%);
.element {
color: $daly-waters;
box-shadow: 0 0 0 2px rgba($daly-waters, 0.35);
}