Color con nombre · #D0BCA2
Country Rubble
Country Rubble es #D0BCA2: rgb(208 188 162), hsl(34 33% 73%), oklch(0.805 0.042 74.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Country Rubble color name →
#D0BCA2
oklch(0.805 0.042 74.4)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- D5C3AB
- D9C9B4
- DED0BD
- E3D6C7
- E7DDD0
- ECE4D9
- F1EBE3
- F6F1EC
- FAF8F5
Sombras
- B5A38C
- 9A8B77
- 807363
- 675D4F
- 4F473C
- 39322A
- 231F19
- 100D0A
- 020201
Tonos
- C8B69F
- C0B09B
- B7AA98
- AFA495
- A79E91
- 9F988E
- 97928A
- 8F8C87
- 888683
Armonías de color
Complementario +180°
- D0BCA2
Country Rubble
- ADC1DB
≈ Cloudy Blue
Análogo -30° +30°
- D0BCA2
Country Rubble
- D8B7AA
≈ Pink Apatite
- C3C1A2
≈ Northern Landscape
Triádico +120° +240°
- D0BCA2
Country Rubble
- A1C8C7
≈ Ocean Boulevard
- CAB8D3
≈ Liberace
Complementario dividido +150° +210°
- D0BCA2
Country Rubble
- A3C6D4
≈ Blue Dam
- BCBCDA
≈ Lavender Grey
Tetrádico +90° +180° +270°
- D0BCA2
Country Rubble
- A7C8B8
≈ Wave Runner
- ADC1DB
≈ Cloudy Blue
- D4B5C6
≈ Tsarina
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.84:1 · APCA Lc 35
Ag
AAASobre negro
WCAG 11.39:1 · APCA Lc 68
Mejor color de texto: #000000
WCAG 11.39:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmentos de código
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);
}