Colore con nome · #D3B191
Cinnamon Frost
Cinnamon Frost è #D3B191: rgb(211 177 145), hsl(29 43% 70%), oklch(0.782 0.059 65.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Cinnamon Frost color name →
#D3B191
oklch(0.782 0.059 65.1)
Conversioni di colore
- HEX
- #d3b191
- RGB
- rgb(211 177 145)
- HSL
- hsl(29 43% 70%)
- HWB
- hwb(29 57% 17%)
- OKLCH
- oklch(0.782 0.059 65.1)
- OKLab
- oklab(0.782 0.025 0.053)
- CIE Lab
- lab(74.65 9.3 21.26)
- LCH
- lch(74.65 23.21 66.4)
- CMYK
- cmyk(0% 16% 31% 17%)
Tinte · Ombre · Toni
Tinte
- D8B99C
- DCC0A7
- E0C8B2
- E5D0BC
- E9D8C7
- EEDFD2
- F2E7DD
- F6EFE9
- FBF7F4
Ombre
- B7997D
- 9C836A
- 826C58
- 695746
- 514235
- 3A2F25
- 241C15
- 100C07
- 020101
Toni
- CAAC90
- C2A78E
- BAA28C
- B19D8B
- A99889
- A19387
- 988F86
- 908A84
- 888582
Armonie di colore
Complementare +180°
- D3B191
Cinnamon Frost
- 99BDDC
≈ Sleeping Easy
Analogo -30° +30°
- D3B191
Cinnamon Frost
- DBAB9F
≈ Everything’s Rosy
- C4B88E
≈ Goody Two Shoes
Triadico +120° +240°
- D3B191
Cinnamon Frost
- 8DC5BD
≈ Holiday Turquoise
- C1AFD7
≈ Moonraker
Complementare divisa +150° +210°
- D3B191
Cinnamon Frost
- 8DC2D0
≈ Eastern Sky
- ADB6DE
≈ Sassy Violet
Tetradico +90° +180° +270°
- D3B191
Cinnamon Frost
- 9BC4A8
≈ Mini Green
- 99BDDC
≈ Sleeping Easy
- D1AAC7
≈ Heart to Heart
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.00:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.46:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.46:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--cinnamon-frost: #d3b191;
--cinnamon-frost-rgb: 211 177 145;
--cinnamon-frost-oklch: oklch(0.782 0.059 65.1);
}
.element {
color: var(--cinnamon-frost);
background-color: hsl(29 43% 70%);
border-color: oklch(0.782 0.059 65.1);
}Tailwind CSS v4
@theme {
--color-cinnamon-frost: #d3b191;
--color-cinnamon-frost-50: #fff2e4;
--color-cinnamon-frost-100: #f6e5d4;
--color-cinnamon-frost-200: #e6d0ba;
--color-cinnamon-frost-300: #ccb298;
--color-cinnamon-frost-400: #b7987a;
--color-cinnamon-frost-500: #a27e5c;
--color-cinnamon-frost-600: #896b4f;
--color-cinnamon-frost-700: #6d563f;
--color-cinnamon-frost-800: #513e2d;
--color-cinnamon-frost-900: #392b1e;
--color-cinnamon-frost-950: #23180e;
}SCSS
$cinnamon-frost: #d3b191;
$cinnamon-frost-rgb: 211, 177, 145;
$cinnamon-frost-light: mix(#fff, $cinnamon-frost, 20%);
$cinnamon-frost-dark: mix(#000, $cinnamon-frost, 20%);
.element {
color: $cinnamon-frost;
box-shadow: 0 0 0 2px rgba($cinnamon-frost, 0.35);
}