Warna bernama · #B5A28A
Chateau
Chateau adalah #B5A28A: rgb(181 162 138), hsl(33 23% 63%), oklch(0.722 0.04 73.6). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Chateau color name →
#B5A28A
oklch(0.722 0.04 73.6)
Konversi warna
- HEX
- #b5a28a
- RGB
- rgb(181 162 138)
- HSL
- hsl(33 23% 63%)
- HWB
- hwb(33 54% 29%)
- OKLCH
- oklch(0.722 0.04 73.6)
- OKLab
- oklab(0.722 0.011 0.039)
- CIE Lab
- lab(67.82 4.34 15.2)
- LCH
- lch(67.82 15.81 74.1)
- CMYK
- cmyk(0% 10% 24% 29%)
Tint · Shade · Tone
Tint
- BCAB95
- C4B4A1
- CBBDAC
- D2C6B8
- DAD0C3
- E1D9CF
- E8E2DB
- F0ECE7
- F7F5F3
Shade
- 9D8C77
- 867765
- 6F6353
- 594F42
- 443C32
- 302A22
- 1D1914
- 0C0A07
- 020101
Tone
- B09F89
- AA9B88
- A59887
- A09486
- 9A9185
- 958E84
- 908A83
- 8A8782
- 858381
Harmoni warna
Komplementer +180°
- B5A28A
Chateau
- 94A7BF
≈ Paris
Analog -30° +30°
- B5A28A
Chateau
- BC9E91
≈ Earth Warming
- A9A78A
≈ Stone
Triadik +120° +240°
- B5A28A
Chateau
- 89AEAC
≈ Shallow Water Ground
- AE9EB8
≈ Fragrant Satchel
Split-komplementer +150° +210°
- B5A28A
Chateau
- 8BABB8
≈ Aquitaine
- A1A3BE
≈ Blue Buzz
Tetradik +90° +180° +270°
- B5A28A
Chateau
- 8FAE9E
≈ Donnegal
- 94A7BF
≈ Paris
- B89CAC
≈ Mauve Muslin
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.47:1 · APCA Lc 49
Ag
AAADi atas hitam
WCAG 8.49:1 · APCA Lc 53
Warna teks terbaik: #000000
WCAG 8.49:1 (AAA) · APCA Lc 53
Contrast pairs
Cuplikan kode
CSS
:root {
--chateau: #b5a28a;
--chateau-rgb: 181 162 138;
--chateau-oklch: oklch(0.722 0.04 73.6);
}
.element {
color: var(--chateau);
background-color: hsl(33 23% 63%);
border-color: oklch(0.722 0.04 73.6);
}Tailwind CSS v4
@theme {
--color-chateau: #b5a28a;
--color-chateau-50: #fcf4e9;
--color-chateau-100: #f0e6d9;
--color-chateau-200: #dfd2c2;
--color-chateau-300: #c4b5a1;
--color-chateau-400: #ad9b85;
--color-chateau-500: #978369;
--color-chateau-600: #7f6f59;
--color-chateau-700: #665847;
--color-chateau-800: #4b4033;
--color-chateau-900: #342c23;
--color-chateau-950: #201912;
}SCSS
$chateau: #b5a28a;
$chateau-rgb: 181, 162, 138;
$chateau-light: mix(#fff, $chateau, 20%);
$chateau-dark: mix(#000, $chateau, 20%);
.element {
color: $chateau;
box-shadow: 0 0 0 2px rgba($chateau, 0.35);
}