Warna bernama terdekat · #DBB897
#DBB897
Warna bernama terdekat: Lama
#DBB897 (rgb(219 184 151), hsl(29 49% 73%), oklch(0.805 0.06 65.1)) paling mendekati warna bernama Lama. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#DBB897
oklch(0.805 0.06 65.1)
Konversi warna
- HEX
- #dbb897
- RGB
- rgb(219 184 151)
- HSL
- hsl(29 49% 73%)
- HWB
- hwb(29 59% 14%)
- OKLCH
- oklch(0.805 0.06 65.1)
- OKLab
- oklab(0.805 0.025 0.055)
- CIE Lab
- lab(77.28 9.49 21.76)
- LCH
- lch(77.28 23.74 66.4)
- CMYK
- cmyk(0% 16% 31% 14%)
Tint · Shade · Tone
Tint
- DFBFA1
- E2C6AC
- E6CDB6
- EAD4C0
- EDDBCB
- F1E2D5
- F5EADF
- F8F1EA
- FCF8F4
Shade
- BEA083
- A2886F
- 87715C
- 6D5B49
- 544537
- 3C3126
- 261E17
- 110C08
- 020201
Tone
- D2B295
- C8AD93
- BFA791
- B6A18E
- AD9C8C
- A4968A
- 9B9187
- 928B85
- 898682
Harmoni warna
Komplementer +180°
- DBB897
Lama
- A0C4E4
≈ Pale Cerulean
Analog -30° +30°
- DBB897
Lama
- E3B2A5
≈ Shilo
- CBC094
≈ Parlour Sage
Triadik +120° +240°
- DBB897
Lama
- 93CCC4
≈ Jamaica Bay
- C8B6DF
≈ Viking Diva
Split-komplementer +150° +210°
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.85:1 · APCA Lc 35
Ag
AAADi atas hitam
WCAG 11.31:1 · APCA Lc 68
Warna teks terbaik: #000000
WCAG 11.31:1 (AAA) · APCA Lc 68
Contrast pairs
Cuplikan kode
CSS
:root {
--lama: #dbb897;
--lama-rgb: 219 184 151;
--lama-oklch: oklch(0.805 0.06 65.1);
}
.element {
color: var(--lama);
background-color: hsl(29 49% 73%);
border-color: oklch(0.805 0.06 65.1);
}Tailwind CSS v4
@theme {
--color-lama: #dbb897;
--color-lama-50: #fff2e3;
--color-lama-100: #f6e5d3;
--color-lama-200: #e6d0ba;
--color-lama-300: #cdb297;
--color-lama-400: #b89879;
--color-lama-500: #a27e5b;
--color-lama-600: #896b4e;
--color-lama-700: #6e553e;
--color-lama-800: #513e2c;
--color-lama-900: #392b1e;
--color-lama-950: #23180e;
}SCSS
$lama: #dbb897;
$lama-rgb: 219, 184, 151;
$lama-light: mix(#fff, $lama, 20%);
$lama-dark: mix(#000, $lama, 20%);
.element {
color: $lama;
box-shadow: 0 0 0 2px rgba($lama, 0.35);
}