Colore con nome · #ADCDDC
Early September
Early September è #ADCDDC: rgb(173 205 220), hsl(199 40% 77%), oklch(0.83 0.04 227.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Early September color name →
#ADCDDC
oklch(0.83 0.04 227.9)
Conversioni di colore
- HEX
- #adcddc
- RGB
- rgb(173 205 220)
- HSL
- hsl(199 40% 77%)
- HWB
- hwb(199 68% 14%)
- OKLCH
- oklch(0.83 0.04 227.9)
- OKLab
- oklab(0.83 -0.027 -0.03)
- CIE Lab
- lab(80.41 -8.63 -11.22)
- LCH
- lch(80.41 14.15 232.4)
- CMYK
- cmyk(21% 7% 0% 14%)
Tinte · Ombre · Toni
Tinte
- B5D2E0
- BDD7E3
- C5DCE7
- CEE1EA
- D6E6EE
- DEEBF1
- E6F0F5
- EEF5F8
- F7FAFC
Ombre
- 96B2BF
- 7F98A3
- 6A7E88
- 55666E
- 414E54
- 2D383C
- 1B2326
- 0B0F11
- 010202
Toni
- A9C5D2
- A4BDC9
- A0B5C0
- 9BADB6
- 97A6AD
- 929EA4
- 8E969B
- 898F92
- 858789
Armonie di colore
Complementare +180°
- ADCDDC
Early September
- DEC0B1
≈ Cinnamon Tea
Analogo -30° +30°
- ADCDDC
Early September
- AAD0D0
≈ Blue Angora
- B7C9E2
≈ Light Blue Grey
Triadico +120° +240°
- ADCDDC
Early September
- DCBDCC
≈ Creamy Berry
- C9CAAC
≈ Thistle Green
Complementare divisa +150° +210°
- ADCDDC
Early September
- E0BDBD
≈ Soft Blush
- D6C5AB
≈ Paper Dog
Tetradico +90° +180° +270°
- ADCDDC
Early September
- D2C0D9
≈ Girl Crush
- DEC0B1
≈ Cinnamon Tea
- BBCEB5
≈ Rhys
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.67:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.54:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.54:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--early-september: #adcddc;
--early-september-rgb: 173 205 220;
--early-september-oklch: oklch(0.83 0.04 227.9);
}
.element {
color: var(--early-september);
background-color: hsl(199 40% 77%);
border-color: oklch(0.83 0.04 227.9);
}Tailwind CSS v4
@theme {
--color-early-september: #adcddc;
--color-early-september-50: #eaf8ff;
--color-early-september-100: #dbebf3;
--color-early-september-200: #c4d8e2;
--color-early-september-300: #a3bcc8;
--color-early-september-400: #86a4b1;
--color-early-september-500: #6a8c9b;
--color-early-september-600: #5a7683;
--color-early-september-700: #485f69;
--color-early-september-800: #34454d;
--color-early-september-900: #233036;
--color-early-september-950: #121c21;
}SCSS
$early-september: #adcddc;
$early-september-rgb: 173, 205, 220;
$early-september-light: mix(#fff, $early-september, 20%);
$early-september-dark: mix(#000, $early-september, 20%);
.element {
color: $early-september;
box-shadow: 0 0 0 2px rgba($early-september, 0.35);
}