Colore con nome · #916D5E
Chocolate Curl
Chocolate Curl è #916D5E: rgb(145 109 94), hsl(18 21% 47%), oklch(0.567 0.051 43.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Chocolate Curl color name →
#916D5E
oklch(0.567 0.051 43.7)
Conversioni di colore
- HEX
- #916d5e
- RGB
- rgb(145 109 94)
- HSL
- hsl(18 21% 47%)
- HWB
- hwb(18 37% 43%)
- OKLCH
- oklch(0.567 0.051 43.7)
- OKLab
- oklab(0.567 0.037 0.036)
- CIE Lab
- lab(49.43 13.16 14.25)
- LCH
- lch(49.43 19.4 47.3)
- CMYK
- cmyk(0% 25% 35% 43%)
Tinte · Ombre · Toni
Tinte
- 9C7B6D
- A7897C
- B2978C
- BDA59B
- C8B4AB
- D3C2BC
- DED1CC
- E9E0DD
- F4F0EE
Ombre
- 7D5E51
- 6A4F44
- 584137
- 46332B
- 35261F
- 251914
- 150D0A
- 070403
- 010100
Toni
- 906F61
- 8E7165
- 8C7368
- 8B756C
- 89776F
- 877973
- 867B76
- 847C79
- 827E7D
Armonie di colore
Complementare +180°
- 916D5E
Chocolate Curl
- 547D8D
≈ Technical Blue
Analogo -30° +30°
- 916D5E
Chocolate Curl
- 926A6D
≈ San Francisco Mauve
- 897255
≈ Greyish Yellow
Triadico +120° +240°
- 916D5E
Chocolate Curl
- 5A806E
≈ Frosty Spruce
- 727394
≈ Rhythm
Complementare divisa +150° +210°
- 916D5E
Chocolate Curl
- 51807F
≈ Nickel Ore Green
- 617895
≈ Rushing River
Tetradico +90° +180° +270°
- 916D5E
Chocolate Curl
- 6A7D5E
≈ Emerald City
- 547D8D
≈ Technical Blue
- 816E8C
≈ Grey Purple
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.61:1 · APCA Lc 72
Ag
AASu nero
WCAG 4.55:1 · APCA Lc 30
Miglior colore del testo: #FFFFFF
WCAG 4.61:1 (AA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--chocolate-curl: #916d5e;
--chocolate-curl-rgb: 145 109 94;
--chocolate-curl-oklch: oklch(0.567 0.051 43.7);
}
.element {
color: var(--chocolate-curl);
background-color: hsl(18 21% 47%);
border-color: oklch(0.567 0.051 43.7);
}Tailwind CSS v4
@theme {
--color-chocolate-curl: #916d5e;
--color-chocolate-curl-50: #fff1e9;
--color-chocolate-curl-100: #f8e3da;
--color-chocolate-curl-200: #e8cec2;
--color-chocolate-curl-300: #cfb0a2;
--color-chocolate-curl-400: #ba9586;
--color-chocolate-curl-500: #a47c6b;
--color-chocolate-curl-600: #8b695b;
--color-chocolate-curl-700: #6f5448;
--color-chocolate-curl-800: #523d35;
--color-chocolate-curl-900: #392a24;
--color-chocolate-curl-950: #241713;
}SCSS
$chocolate-curl: #916d5e;
$chocolate-curl-rgb: 145, 109, 94;
$chocolate-curl-light: mix(#fff, $chocolate-curl, 20%);
$chocolate-curl-dark: mix(#000, $chocolate-curl, 20%);
.element {
color: $chocolate-curl;
box-shadow: 0 0 0 2px rgba($chocolate-curl, 0.35);
}