Warna bernama terdekat · #D6A87F
#D6A87F
Warna bernama terdekat: Porcini
#D6A87F (rgb(214 168 127), hsl(28 51% 67%), oklch(0.764 0.077 63)) paling mendekati warna bernama Porcini. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#D6A87F
oklch(0.764 0.077 63)
Konversi warna
- HEX
- #d6a87f
- RGB
- rgb(214 168 127)
- HSL
- hsl(28 51% 67%)
- HWB
- hwb(28 50% 16%)
- OKLCH
- oklch(0.764 0.077 63)
- OKLab
- oklab(0.764 0.035 0.069)
- CIE Lab
- lab(72.44 13.5 28.01)
- LCH
- lch(72.44 31.09 64.3)
- CMYK
- cmyk(0% 21% 41% 16%)
Tint · Shade · Tone
Tint
- DAB18C
- DFB998
- E3C2A5
- E7CBB2
- EBD3BF
- EFDCCB
- F3E5D8
- F7EDE5
- FBF6F2
Shade
- BA926E
- 9E7C5D
- 84674C
- 6A523C
- 523F2D
- 3B2C1F
- 251A11
- 100A06
- 020101
Tone
- CDA480
- C5A080
- BC9C80
- B39881
- AB9481
- A29081
- 9A8C81
- 918881
- 888480
Harmoni warna
Komplementer +180°
- D6A87F
Porcini
- 87B9E0
≈ Goluboy Blue
Analog -30° +30°
- D6A87F
Porcini
- DFA193
≈ Shy Champagne Blush
- C3B279
≈ Fresh Peas
Triadik +120° +240°
- D6A87F
Porcini
- 78C3B7
≈ Pale Jade
- BCA7DB
≈ Enchanted Lavender
Split-komplementer +150° +210°
- D6A87F
Porcini
- 75C0D0
≈ Surfin’
- A2B0E4
≈ Myrtle Flower
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.15:1 · APCA Lc 42
Ag
AAADi atas hitam
WCAG 9.76:1 · APCA Lc 60
Warna teks terbaik: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
Cuplikan kode
CSS
:root {
--porcini: #d6a87f;
--porcini-rgb: 214 168 127;
--porcini-oklch: oklch(0.764 0.077 63);
}
.element {
color: var(--porcini);
background-color: hsl(28 51% 67%);
border-color: oklch(0.764 0.077 63);
}Tailwind CSS v4
@theme {
--color-porcini: #d6a87f;
--color-porcini-50: #fff1df;
--color-porcini-100: #fbe3ce;
--color-porcini-200: #ecceb2;
--color-porcini-300: #d4b08e;
--color-porcini-400: #c0956f;
--color-porcini-500: #ab7b4e;
--color-porcini-600: #906843;
--color-porcini-700: #745335;
--color-porcini-800: #563c26;
--color-porcini-900: #3c2919;
--color-porcini-950: #26170a;
}SCSS
$porcini: #d6a87f;
$porcini-rgb: 214, 168, 127;
$porcini-light: mix(#fff, $porcini, 20%);
$porcini-dark: mix(#000, $porcini, 20%);
.element {
color: $porcini;
box-shadow: 0 0 0 2px rgba($porcini, 0.35);
}