Colore con nome · #AFDADF
Daly Waters
Daly Waters è #AFDADF: rgb(175 218 223), hsl(186 43% 78%), oklch(0.859 0.045 205.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Daly Waters color name →
#AFDADF
oklch(0.859 0.045 205.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- B7DEE2
- BFE1E5
- C7E5E9
- CFE9EC
- D7EDEF
- DFF0F2
- E7F4F5
- EFF8F9
- F7FBFC
Ombre
- 98BDC2
- 81A2A5
- 6B878A
- 566C6F
- 415456
- 2E3C3D
- 1C2527
- 0B1112
- 010202
Toni
- AAD1D5
- A6C7CB
- A1BEC2
- 9DB5B8
- 98ACAE
- 93A3A5
- 8E9A9C
- 8A9192
- 858989
Armonie di colore
Complementare +180°
- AFDADF
Daly Waters
- EDC6C2
≈ Delicate Pink Rose
Analogo -30° +30°
- AFDADF
Daly Waters
- B3DBCF
≈ Balmy Seas
- B5D6EB
≈ Light Sea Cliff
Triadico +120° +240°
- AFDADF
Daly Waters
- E1C7E1
≈ Syrian Violet
- DFCFB0
≈ Netsuke
Complementare divisa +150° +210°
- AFDADF
Daly Waters
- EAC5D2
≈ Misty Memories
- E9CAB5
≈ Woodstock Rose
Tetradico +90° +180° +270°
- AFDADF
Daly Waters
- D2CCEC
≈ Miami White
- EDC6C2
≈ Delicate Pink Rose
- CFD5B3
≈ Avocado Whip
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.50:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.91:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.91:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
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);
}