Warna bernama · #CFC8B8
Beige Royal
Beige Royal adalah #CFC8B8: rgb(207 200 184), hsl(42 19% 77%), oklch(0.834 0.023 87.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Beige Royal color name →
#CFC8B8
oklch(0.834 0.023 87.2)
Konversi warna
- HEX
- #cfc8b8
- RGB
- rgb(207 200 184)
- HSL
- hsl(42 19% 77%)
- HWB
- hwb(42 72% 19%)
- OKLCH
- oklch(0.834 0.023 87.2)
- OKLab
- oklab(0.834 0.001 0.023)
- CIE Lab
- lab(80.85 0.49 8.95)
- LCH
- lch(80.85 8.96 86.9)
- CMYK
- cmyk(0% 3% 11% 19%)
Tint · Shade · Tone
Tint
- D4CDBF
- D8D3C6
- DDD8CD
- E2DED4
- E7E3DB
- ECE9E2
- F0EEE9
- F5F4F1
- FAF9F8
Shade
- B4AEA0
- 999488
- 7F7B71
- 67635B
- 4F4C45
- 383631
- 23211E
- 100F0C
- 020202
Tone
- C7C1B2
- BFB9AD
- B7B2A7
- AFABA1
- A7A39C
- 9F9C96
- 979590
- 8F8E8B
- 888785
Harmoni warna
Komplementer +180°
- CFC8B8
Beige Royal
- C2C9D8
≈ Icy Brook
Analog -30° +30°
- CFC8B8
Beige Royal
- D5C5BA
≈ Christobel
- C7CBBA
≈ Sparkling Sage
Triadik +120° +240°
- CFC8B8
Beige Royal
- B8CDD0
≈ Turquoise Grey
- D1C4D1
≈ Mecha Kitty
Split-komplementer +150° +210°
- CFC8B8
Beige Royal
- BBCBD6
≈ Salty Tears
- CAC6D6
≈ Dreamweaver
Tetradik +90° +180° +270°
- CFC8B8
Beige Royal
- BACEC8
≈ Jet Stream
- C2C9D8
≈ Icy Brook
- D6C3C9
≈ Old Mission Pink
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.66:1 · APCA Lc 29
Ag
AAADi atas hitam
WCAG 12.60:1 · APCA Lc 74
Warna teks terbaik: #000000
WCAG 12.60:1 (AAA) · APCA Lc 74
Contrast pairs
Cuplikan kode
CSS
:root {
--beige-royal: #cfc8b8;
--beige-royal-rgb: 207 200 184;
--beige-royal-oklch: oklch(0.834 0.023 87.2);
}
.element {
color: var(--beige-royal);
background-color: hsl(42 19% 77%);
border-color: oklch(0.834 0.023 87.2);
}Tailwind CSS v4
@theme {
--color-beige-royal: #cfc8b8;
--color-beige-royal-50: #f8f5ee;
--color-beige-royal-100: #ebe8df;
--color-beige-royal-200: #d8d4c9;
--color-beige-royal-300: #bcb7aa;
--color-beige-royal-400: #a49e8f;
--color-beige-royal-500: #8d8675;
--color-beige-royal-600: #777163;
--color-beige-royal-700: #5f5a4f;
--color-beige-royal-800: #464239;
--color-beige-royal-900: #302d27;
--color-beige-royal-950: #1d1a15;
}SCSS
$beige-royal: #cfc8b8;
$beige-royal-rgb: 207, 200, 184;
$beige-royal-light: mix(#fff, $beige-royal, 20%);
$beige-royal-dark: mix(#000, $beige-royal, 20%);
.element {
color: $beige-royal;
box-shadow: 0 0 0 2px rgba($beige-royal, 0.35);
}