Colore con nome · #66789A
Chicory Flower
Chicory Flower è #66789A: rgb(102 120 154), hsl(219 20% 50%), oklch(0.571 0.057 262.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Chicory Flower color name →
#66789A
oklch(0.571 0.057 262.9)
Conversioni di colore
- HEX
- #66789a
- RGB
- rgb(102 120 154)
- HSL
- hsl(219 20% 50%)
- HWB
- hwb(219 40% 40%)
- OKLCH
- oklch(0.571 0.057 262.9)
- OKLab
- oklab(0.571 -0.007 -0.057)
- CIE Lab
- lab(49.95 -0.39 -20.77)
- LCH
- lch(49.95 20.77 268.9)
- CMYK
- cmyk(34% 22% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 7485A4
- 8392AE
- 919FB8
- A0ACC2
- B0BACC
- BFC7D6
- CFD5E0
- DFE3EB
- EFF1F5
Ombre
- 586785
- 4A5771
- 3C485E
- 2F394B
- 232A39
- 171D27
- 0C1017
- 040509
- 000101
Toni
- 697998
- 6B7A95
- 6E7B93
- 707B90
- 737C8D
- 767D8B
- 787E88
- 7B7F85
- 7D7F83
Armonie di colore
Complementare +180°
- 66789A
Chicory Flower
- 887551
≈ Pyrite Slate Green
Analogo -30° +30°
- 66789A
Chicory Flower
- 557E94
≈ Blue Heaven
- 797297
≈ Rhythm
Triadico +120° +240°
- 66789A
Chicory Flower
- 976B68
≈ Terracotta Red Brown
- 648162
≈ Tuscan Herbs
Complementare divisa +150° +210°
- 66789A
Chicory Flower
- 936F58
≈ Beaver
- 787C54
≈ Bonsai
Tetradico +90° +180° +270°
- 66789A
Chicory Flower
- 936A7B
≈ Copper Pink
- 887551
≈ Pyrite Slate Green
- 538374
≈ Frosty Spruce
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.45:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.71:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.71:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
CSS
:root {
--chicory-flower: #66789a;
--chicory-flower-rgb: 102 120 154;
--chicory-flower-oklch: oklch(0.571 0.057 262.9);
}
.element {
color: var(--chicory-flower);
background-color: hsl(219 20% 50%);
border-color: oklch(0.571 0.057 262.9);
}Tailwind CSS v4
@theme {
--color-chicory-flower: #66789a;
--color-chicory-flower-50: #edf5ff;
--color-chicory-flower-100: #dfe8fc;
--color-chicory-flower-200: #c8d4ed;
--color-chicory-flower-300: #a9b8d5;
--color-chicory-flower-400: #8d9fc1;
--color-chicory-flower-500: #7286ad;
--color-chicory-flower-600: #617292;
--color-chicory-flower-700: #4d5b75;
--color-chicory-flower-800: #374356;
--color-chicory-flower-900: #262e3c;
--color-chicory-flower-950: #141b26;
}SCSS
$chicory-flower: #66789a;
$chicory-flower-rgb: 102, 120, 154;
$chicory-flower-light: mix(#fff, $chicory-flower, 20%);
$chicory-flower-dark: mix(#000, $chicory-flower, 20%);
.element {
color: $chicory-flower;
box-shadow: 0 0 0 2px rgba($chicory-flower, 0.35);
}