Colore con nome · #D4B38F
Crème de Caramel
Crème de Caramel è #D4B38F: rgb(212 179 143), hsl(31 45% 70%), oklch(0.787 0.062 69.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Crème de Caramel color name →
#D4B38F
oklch(0.787 0.062 69.2)
Conversioni di colore
- HEX
- #d4b38f
- RGB
- rgb(212 179 143)
- HSL
- hsl(31 45% 70%)
- HWB
- hwb(31 56% 17%)
- OKLCH
- oklch(0.787 0.062 69.2)
- OKLab
- oklab(0.787 0.022 0.058)
- CIE Lab
- lab(75.22 8.5 23.11)
- LCH
- lch(75.22 24.63 69.8)
- CMYK
- cmyk(0% 16% 33% 17%)
Tinte · Ombre · Toni
Tinte
- D8BA9A
- DDC2A5
- E1CAB0
- E5D1BB
- EAD9C7
- EEE0D2
- F2E8DD
- F7F0E8
- FBF7F4
Ombre
- B89B7C
- 9D8469
- 836E57
- 695845
- 514334
- 3A2F24
- 241D15
- 100C07
- 020101
Toni
- CBAE8E
- C3A98C
- BAA48B
- B29E8A
- A99988
- A19487
- 998F85
- 908A83
- 888582
Armonie di colore
Complementare +180°
- D4B38F
Crème de Caramel
- 9BBDE0
≈ Vive le Bleu
Analogo -30° +30°
- D4B38F
Crème de Caramel
- DDAD9D
≈ Shy Time
- C3BB8D
≈ Goody Two Shoes
Triadico +120° +240°
- D4B38F
Crème de Caramel
- 8BC7C2
≈ Mercury Mist
- C5AFD8
≈ Lavender Field Dreamer
Complementare divisa +150° +210°
- D4B38F
Crème de Caramel
- 8DC4D5
≈ After the Rain
- B1B6E1
≈ Beloved
Tetradico +90° +180° +270°
- D4B38F
Crème de Caramel
- 98C6AB
≈ Mini Green
- 9BBDE0
≈ Vive le Bleu
- D5ABC7
≈ Heart to Heart
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.97:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.64:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.64:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
CSS
:root {
--creme-de-caramel: #d4b38f;
--creme-de-caramel-rgb: 212 179 143;
--creme-de-caramel-oklch: oklch(0.787 0.062 69.2);
}
.element {
color: var(--creme-de-caramel);
background-color: hsl(31 45% 70%);
border-color: oklch(0.787 0.062 69.2);
}Tailwind CSS v4
@theme {
--color-creme-de-caramel: #d4b38f;
--color-creme-de-caramel-50: #fff3e3;
--color-creme-de-caramel-100: #f5e5d2;
--color-creme-de-caramel-200: #e5d0b8;
--color-creme-de-caramel-300: #ccb395;
--color-creme-de-caramel-400: #b79877;
--color-creme-de-caramel-500: #a17f59;
--color-creme-de-caramel-600: #886c4c;
--color-creme-de-caramel-700: #6d563c;
--color-creme-de-caramel-800: #513e2b;
--color-creme-de-caramel-900: #382b1d;
--color-creme-de-caramel-950: #23180d;
}SCSS
$creme-de-caramel: #d4b38f;
$creme-de-caramel-rgb: 212, 179, 143;
$creme-de-caramel-light: mix(#fff, $creme-de-caramel, 20%);
$creme-de-caramel-dark: mix(#000, $creme-de-caramel, 20%);
.element {
color: $creme-de-caramel;
box-shadow: 0 0 0 2px rgba($creme-de-caramel, 0.35);
}