Colore con nome · #CFC8B8
Beige Royal
Beige Royal è #CFC8B8: rgb(207 200 184), hsl(42 19% 77%), oklch(0.834 0.023 87.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Beige Royal color name →
#CFC8B8
oklch(0.834 0.023 87.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D4CDBF
- D8D3C6
- DDD8CD
- E2DED4
- E7E3DB
- ECE9E2
- F0EEE9
- F5F4F1
- FAF9F8
Ombre
- B4AEA0
- 999488
- 7F7B71
- 67635B
- 4F4C45
- 383631
- 23211E
- 100F0C
- 020202
Toni
- C7C1B2
- BFB9AD
- B7B2A7
- AFABA1
- A7A39C
- 9F9C96
- 979590
- 8F8E8B
- 888785
Armonie di colore
Complementare +180°
- CFC8B8
Beige Royal
- C2C9D8
≈ Icy Brook
Analogo -30° +30°
- CFC8B8
Beige Royal
- D5C5BA
≈ Christobel
- C7CBBA
≈ Sparkling Sage
Triadico +120° +240°
- CFC8B8
Beige Royal
- B8CDD0
≈ Turquoise Grey
- D1C4D1
≈ Mecha Kitty
Complementare divisa +150° +210°
- CFC8B8
Beige Royal
- BBCBD6
≈ Salty Tears
- CAC6D6
≈ Dreamweaver
Tetradico +90° +180° +270°
- CFC8B8
Beige Royal
- BACEC8
≈ Jet Stream
- C2C9D8
≈ Icy Brook
- D6C3C9
≈ Old Mission Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.66:1 · APCA Lc 29
Ag
AAASu nero
WCAG 12.60:1 · APCA Lc 74
Miglior colore del testo: #000000
WCAG 12.60:1 (AAA) · APCA Lc 74
Contrast pairs
Frammenti di codice
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);
}