Warna bernama · #D0BCA2
Country Rubble
Country Rubble adalah #D0BCA2: rgb(208 188 162), hsl(34 33% 73%), oklch(0.805 0.042 74.4). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Country Rubble color name →
#D0BCA2
oklch(0.805 0.042 74.4)
Konversi warna
- HEX
- #d0bca2
- RGB
- rgb(208 188 162)
- HSL
- hsl(34 33% 73%)
- HWB
- hwb(34 64% 18%)
- OKLCH
- oklch(0.805 0.042 74.4)
- OKLab
- oklab(0.805 0.011 0.041)
- CIE Lab
- lab(77.45 4.31 15.93)
- LCH
- lch(77.45 16.5 74.9)
- CMYK
- cmyk(0% 10% 22% 18%)
Tint · Shade · Tone
Tint
- D5C3AB
- D9C9B4
- DED0BD
- E3D6C7
- E7DDD0
- ECE4D9
- F1EBE3
- F6F1EC
- FAF8F5
Shade
- B5A38C
- 9A8B77
- 807363
- 675D4F
- 4F473C
- 39322A
- 231F19
- 100D0A
- 020201
Tone
- C8B69F
- C0B09B
- B7AA98
- AFA495
- A79E91
- 9F988E
- 97928A
- 8F8C87
- 888683
Harmoni warna
Komplementer +180°
- D0BCA2
Country Rubble
- ADC1DB
≈ Cloudy Blue
Analog -30° +30°
- D0BCA2
Country Rubble
- D8B7AA
≈ Pink Apatite
- C3C1A2
≈ Northern Landscape
Triadik +120° +240°
- D0BCA2
Country Rubble
- A1C8C7
≈ Ocean Boulevard
- CAB8D3
≈ Liberace
Split-komplementer +150° +210°
- D0BCA2
Country Rubble
- A3C6D4
≈ Blue Dam
- BCBCDA
≈ Lavender Grey
Tetradik +90° +180° +270°
- D0BCA2
Country Rubble
- A7C8B8
≈ Wave Runner
- ADC1DB
≈ Cloudy Blue
- D4B5C6
≈ Tsarina
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.84:1 · APCA Lc 35
Ag
AAADi atas hitam
WCAG 11.39:1 · APCA Lc 68
Warna teks terbaik: #000000
WCAG 11.39:1 (AAA) · APCA Lc 68
Contrast pairs
Cuplikan kode
CSS
:root {
--country-rubble: #d0bca2;
--country-rubble-rgb: 208 188 162;
--country-rubble-oklch: oklch(0.805 0.042 74.4);
}
.element {
color: var(--country-rubble);
background-color: hsl(34 33% 73%);
border-color: oklch(0.805 0.042 74.4);
}Tailwind CSS v4
@theme {
--color-country-rubble: #d0bca2;
--color-country-rubble-50: #fcf4e8;
--color-country-rubble-100: #f0e6d9;
--color-country-rubble-200: #dfd2c1;
--color-country-rubble-300: #c4b5a0;
--color-country-rubble-400: #ae9b83;
--color-country-rubble-500: #978267;
--color-country-rubble-600: #806e58;
--color-country-rubble-700: #665846;
--color-country-rubble-800: #4c4032;
--color-country-rubble-900: #342c22;
--color-country-rubble-950: #201911;
}SCSS
$country-rubble: #d0bca2;
$country-rubble-rgb: 208, 188, 162;
$country-rubble-light: mix(#fff, $country-rubble, 20%);
$country-rubble-dark: mix(#000, $country-rubble, 20%);
.element {
color: $country-rubble;
box-shadow: 0 0 0 2px rgba($country-rubble, 0.35);
}