Warna bernama terdekat · #D5BD99
#D5BD99
Warna bernama terdekat: Crepe
#D5BD99 (rgb(213 189 153), hsl(36 42% 72%), oklch(0.81 0.056 77.8)) paling mendekati warna bernama Crepe. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#D5BD99
oklch(0.81 0.056 77.8)
Konversi warna
- HEX
- #d5bd99
- RGB
- rgb(213 189 153)
- HSL
- hsl(36 42% 72%)
- HWB
- hwb(36 60% 16%)
- OKLCH
- oklch(0.81 0.056 77.8)
- OKLab
- oklab(0.81 0.012 0.054)
- CIE Lab
- lab(78 4.83 21.56)
- LCH
- lch(78 22.09 77.4)
- CMYK
- cmyk(0% 11% 28% 16%)
Tint · Shade · Tone
Tint
- D9C4A3
- DDCAAD
- E2D1B7
- E6D7C1
- EADECC
- EEE4D6
- F2EBE0
- F7F2EA
- FBF8F5
Shade
- B9A484
- 9E8C70
- 83745D
- 6A5D4A
- 514738
- 3A3327
- 241F17
- 100D08
- 020201
Tone
- CCB797
- C3B194
- BBAA92
- B2A48F
- AA9E8D
- A1988A
- 999288
- 908C85
- 888683
Harmoni warna
Komplementer +180°
- D5BD99
Crepe
- ABC3E5
≈ Promise
Analog -30° +30°
- D5BD99
Crepe
- E0B7A2
≈ Coral Bay
- C4C49B
≈ Parlour Sage
Triadik +120° +240°
- D5BD99
Crepe
- 97CCCE
≈ Pentagon
- D0B6D9
≈ Confectionary
Split-komplementer +150° +210°
- D5BD99
Crepe
- 9CC9DD
≈ Piezo Blue
- BEBCE3
≈ Pretty Posie
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.81:1 · APCA Lc 34
Ag
AAADi atas hitam
WCAG 11.56:1 · APCA Lc 69
Warna teks terbaik: #000000
WCAG 11.56:1 (AAA) · APCA Lc 69
Contrast pairs
Cuplikan kode
CSS
:root {
--crepe: #d5bd99;
--crepe-rgb: 213 189 153;
--crepe-oklch: oklch(0.81 0.056 77.8);
}
.element {
color: var(--crepe);
background-color: hsl(36 42% 72%);
border-color: oklch(0.81 0.056 77.8);
}Tailwind CSS v4
@theme {
--color-crepe: #d5bd99;
--color-crepe-50: #fef4e4;
--color-crepe-100: #f2e6d4;
--color-crepe-200: #e1d2ba;
--color-crepe-300: #c7b598;
--color-crepe-400: #b19b7a;
--color-crepe-500: #9b825c;
--color-crepe-600: #836e4e;
--color-crepe-700: #69583e;
--color-crepe-800: #4e402d;
--color-crepe-900: #362c1e;
--color-crepe-950: #21190e;
}SCSS
$crepe: #d5bd99;
$crepe-rgb: 213, 189, 153;
$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);
}