Colore con nome · #A4DCE6
Charlotte
Charlotte è #A4DCE6: rgb(164 220 230), hsl(189 57% 77%), oklch(0.859 0.059 209.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Charlotte color name →
#A4DCE6
oklch(0.859 0.059 209.7)
Conversioni di colore
- HEX
- #a4dce6
- RGB
- rgb(164 220 230)
- HSL
- hsl(189 57% 77%)
- HWB
- hwb(189 64% 10%)
- OKLCH
- oklch(0.859 0.059 209.7)
- OKLab
- oklab(0.859 -0.051 -0.029)
- CIE Lab
- lab(84.15 -16.86 -11.05)
- LCH
- lch(84.15 20.16 213.3)
- CMYK
- cmyk(29% 4% 0% 10%)
Tinte · Ombre · Toni
Tinte
- AEE0E9
- B7E3EB
- C0E7EE
- C9EAF0
- D2EEF3
- DBF1F5
- E4F5F8
- EDF8FA
- F6FCFD
Ombre
- 8EBFC8
- 79A3AB
- 64888E
- 506E73
- 3D5459
- 2B3C40
- 1A2628
- 0A1113
- 010203
Toni
- A1D2DB
- 9EC9D1
- 9AC0C6
- 97B6BC
- 93ADB2
- 8FA4A8
- 8C9B9E
- 889294
- 84898A
Armonie di colore
Complementare +180°
- A4DCE6
Charlotte
- F5C3BA
≈ Pink Hydrangea
Analogo -30° +30°
- A4DCE6
Charlotte
- A7DED2
≈ Sparkling Mint
- AED7F4
≈ Blue Rice
Triadico +120° +240°
- A4DCE6
Charlotte
- E8C3E4
≈ Prom Corsage
- E0D0A5
≈ Foothills
Complementare divisa +150° +210°
- A4DCE6
Charlotte
- F3C1CF
≈ Carnation Bouquet
- EFC8AB
≈ Caramel Ice
Tetradico +90° +180° +270°
- A4DCE6
Charlotte
- D6C9F3
≈ Soap
- F5C3BA
≈ Pink Hydrangea
- CCD7AC
≈ White Jade
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.50:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.95:1 · APCA Lc 80
Miglior colore del testo: #000000
WCAG 13.95:1 (AAA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--charlotte: #a4dce6;
--charlotte-rgb: 164 220 230;
--charlotte-oklch: oklch(0.859 0.059 209.7);
}
.element {
color: var(--charlotte);
background-color: hsl(189 57% 77%);
border-color: oklch(0.859 0.059 209.7);
}Tailwind CSS v4
@theme {
--color-charlotte: #a4dce6;
--color-charlotte-50: #e3faff;
--color-charlotte-100: #d3eef3;
--color-charlotte-200: #b8dce3;
--color-charlotte-300: #95c0c9;
--color-charlotte-400: #75a8b2;
--color-charlotte-500: #55919c;
--color-charlotte-600: #487b84;
--color-charlotte-700: #3a6269;
--color-charlotte-800: #29484d;
--color-charlotte-900: #1b3235;
--color-charlotte-950: #0b1e21;
}SCSS
$charlotte: #a4dce6;
$charlotte-rgb: 164, 220, 230;
$charlotte-light: mix(#fff, $charlotte, 20%);
$charlotte-dark: mix(#000, $charlotte, 20%);
.element {
color: $charlotte;
box-shadow: 0 0 0 2px rgba($charlotte, 0.35);
}