Colore con nome più vicino · #D6C090
#D6C090
Colore con nome più vicino: Crepe
#D6C090 (rgb(214 192 144), hsl(41 46% 70%), oklch(0.815 0.068 86.2)) è più vicino al colore con nome Crepe. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#D6C090
oklch(0.815 0.068 86.2)
Conversioni di colore
- HEX
- #d6c090
- RGB
- rgb(214 192 144)
- HSL
- hsl(41 46% 70%)
- HWB
- hwb(41 56% 16%)
- OKLCH
- oklch(0.815 0.068 86.2)
- OKLab
- oklab(0.815 0.005 0.068)
- CIE Lab
- lab(78.72 2.88 27.26)
- LCH
- lch(78.72 27.41 84)
- CMYK
- cmyk(0% 10% 33% 16%)
Tinte · Ombre · Toni
Tinte
- DAC69B
- DECDA6
- E2D3B1
- E6D9BC
- EADFC7
- EFE6D3
- F3ECDE
- F7F2E9
- FBF9F4
Ombre
- BAA77D
- 9E8E6A
- 847657
- 6A5F45
- 524934
- 3B3424
- 252015
- 100E07
- 020201
Toni
- CDB98F
- C4B38D
- BBAC8C
- B3A68B
- AAA089
- A29987
- 999386
- 918D84
- 888682
Armonie di colore
Complementare +180°
- D6C090
Crepe
- AEC2F0
≈ Sky High
Analogo -30° +30°
- D6C090
Crepe
- E5B898
≈ Sumptuous Peach
- C0C996
≈ White Grape
Triadico +120° +240°
- D6C090
Crepe
- 8DD0D8
≈ Sky Watch
- DAB4DA
≈ Blushing Sky
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.77:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.80:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.80:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--crepe: #d6c090;
--crepe-rgb: 214 192 144;
--crepe-oklch: oklch(0.815 0.068 86.2);
}
.element {
color: var(--crepe);
background-color: hsl(41 46% 70%);
border-color: oklch(0.815 0.068 86.2);
}Tailwind CSS v4
@theme {
--color-crepe: #d6c090;
--color-crepe-50: #fdf5e0;
--color-crepe-100: #f1e7cf;
--color-crepe-200: #e0d3b4;
--color-crepe-300: #c6b690;
--color-crepe-400: #b09c70;
--color-crepe-500: #9a8350;
--color-crepe-600: #826f44;
--color-crepe-700: #685936;
--color-crepe-800: #4d4026;
--color-crepe-900: #362c19;
--color-crepe-950: #21190a;
}SCSS
$crepe: #d6c090;
$crepe-rgb: 214, 192, 144;
$crepe-light: mix(#fff, $crepe, 20%);
$crepe-dark: mix(#000, $crepe, 20%);
.element {
color: $crepe;
box-shadow: 0 0 0 2px rgba($crepe, 0.35);
}