Colore con nome · #D1CEB4
Bright Sage
Bright Sage è #D1CEB4: rgb(209 206 180), hsl(54 24% 76%), oklch(0.847 0.035 101.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Bright Sage color name →
#D1CEB4
oklch(0.847 0.035 101.7)
Conversioni di colore
- HEX
- #d1ceb4
- RGB
- rgb(209 206 180)
- HSL
- hsl(54 24% 76%)
- HWB
- hwb(54 71% 18%)
- OKLCH
- oklch(0.847 0.035 101.7)
- OKLab
- oklab(0.847 -0.007 0.034)
- CIE Lab
- lab(82.49 -2.19 13.38)
- LCH
- lch(82.49 13.56 99.3)
- CMYK
- cmyk(0% 1% 14% 18%)
Tinte · Ombre · Toni
Tinte
- D6D3BB
- DAD8C3
- DFDDCA
- E3E1D2
- E8E6D9
- ECEBE1
- F1F0E8
- F6F5F0
- FAFAF7
Ombre
- B5B39C
- 9B9885
- 817F6E
- 686658
- 504E44
- 393830
- 23231D
- 100F0C
- 020202
Toni
- C9C6AF
- C0BEA9
- B8B6A4
- B0AE9F
- A8A69A
- 9F9E95
- 98978F
- 908F8A
- 888885
Armonie di colore
Complementare +180°
- D1CEB4
Bright Sage
- C8CBE4
≈ Ace
Analogo -30° +30°
- D1CEB4
Bright Sage
- DCCAB4
≈ Warm Shell
- C4D2BA
≈ Sweet Surrender
Triadico +120° +240°
- D1CEB4
Bright Sage
- B5D3DD
≈ Pale Whale
- DEC4D3
≈ Elusive Mauve
Complementare divisa +150° +210°
- D1CEB4
Bright Sage
- BDCFE4
≈ Bewitching Blue
- D4C7DE
≈ On Location
Tetradico +90° +180° +270°
- D1CEB4
Bright Sage
- B3D5D2
≈ Dante Peak
- C8CBE4
≈ Ace
- E3C4C7
≈ Pink Pandora
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.59:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.19:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.19:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--bright-sage: #d1ceb4;
--bright-sage-rgb: 209 206 180;
--bright-sage-oklch: oklch(0.847 0.035 101.7);
}
.element {
color: var(--bright-sage);
background-color: hsl(54 24% 76%);
border-color: oklch(0.847 0.035 101.7);
}Tailwind CSS v4
@theme {
--color-bright-sage: #d1ceb4;
--color-bright-sage-50: #f7f6ea;
--color-bright-sage-100: #eae9db;
--color-bright-sage-200: #d6d5c4;
--color-bright-sage-300: #bab9a4;
--color-bright-sage-400: #a2a088;
--color-bright-sage-500: #8b876d;
--color-bright-sage-600: #75735c;
--color-bright-sage-700: #5e5c49;
--color-bright-sage-800: #454335;
--color-bright-sage-900: #302e24;
--color-bright-sage-950: #1c1b13;
}SCSS
$bright-sage: #d1ceb4;
$bright-sage-rgb: 209, 206, 180;
$bright-sage-light: mix(#fff, $bright-sage, 20%);
$bright-sage-dark: mix(#000, $bright-sage, 20%);
.element {
color: $bright-sage;
box-shadow: 0 0 0 2px rgba($bright-sage, 0.35);
}