Colore con nome · #553300
Eyelash Camel
Eyelash Camel è #553300: rgb(85 51 0), hsl(36 100% 17%), oklch(0.354 0.077 69.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Eyelash Camel color name →
#553300
oklch(0.354 0.077 69.4)
Conversioni di colore
- HEX
- #553300
- RGB
- rgb(85 51 0)
- HSL
- hsl(36 100% 17%)
- HWB
- hwb(36 0% 67%)
- OKLCH
- oklch(0.354 0.077 69.4)
- OKLab
- oklab(0.354 0.027 0.072)
- CIE Lab
- lab(24.93 12.9 34.54)
- LCH
- lch(24.93 36.87 69.5)
- CMYK
- cmyk(0% 40% 100% 67%)
Tinte · Ombre · Toni
Tinte
- 65451F
- 755837
- 866C4E
- 977F66
- A7947E
- B9A897
- CABDB0
- DBD3CA
- EDE9E4
Ombre
- 492B00
- 3D2300
- 311C00
- 261400
- 1C0D00
- 110700
- 080300
- 020100
- 000000
Toni
- 5A3B13
- 5E4221
- 634A2E
- 67523A
- 6B5945
- 706151
- 74695D
- 787068
- 7C7874
Armonie di colore
Complementare +180°
- 553300
Eyelash Camel
- 173E62
≈ Poseidon
Analogo -30° +30°
- 553300
Eyelash Camel
- 5D2C1B
≈ Hot Fudge
- 453C00
≈ Xanthophobia
Triadico +120° +240°
- 553300
Eyelash Camel
- 004642
≈ Dark Side
- 482F5A
≈ Scarlet Gum
Complementare divisa +150° +210°
- 553300
Eyelash Camel
- 004353
≈ Crab Nebula
- 343663
≈ Deep Koamaru
Tetradico +90° +180° +270°
- 553300
Eyelash Camel
- 07482D
≈ Alaskan Moss
- 173E62
≈ Poseidon
- 552A49
≈ Winter Bloom
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.29:1 · APCA Lc 96
Ag
FailSu nero
WCAG 1.85:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.29:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--eyelash-camel: #553300;
--eyelash-camel-rgb: 85 51 0;
--eyelash-camel-oklch: oklch(0.354 0.077 69.4);
}
.element {
color: var(--eyelash-camel);
background-color: hsl(36 100% 17%);
border-color: oklch(0.354 0.077 69.4);
}Tailwind CSS v4
@theme {
--color-eyelash-camel: #553300;
--color-eyelash-camel-50: #fff2de;
--color-eyelash-camel-100: #f9e4cd;
--color-eyelash-camel-200: #eacfb1;
--color-eyelash-camel-300: #d1b18c;
--color-eyelash-camel-400: #bc976c;
--color-eyelash-camel-500: #a77d4b;
--color-eyelash-camel-600: #8d6a40;
--color-eyelash-camel-700: #715533;
--color-eyelash-camel-800: #543d24;
--color-eyelash-camel-900: #3b2a18;
--color-eyelash-camel-950: #251809;
}SCSS
$eyelash-camel: #553300;
$eyelash-camel-rgb: 85, 51, 0;
$eyelash-camel-light: mix(#fff, $eyelash-camel, 20%);
$eyelash-camel-dark: mix(#000, $eyelash-camel, 20%);
.element {
color: $eyelash-camel;
box-shadow: 0 0 0 2px rgba($eyelash-camel, 0.35);
}