Nazwany kolor · #D9C0AB
Boudoir Beige
Boudoir Beige to #D9C0AB: rgb(217 192 171), hsl(27 38% 76%), oklch(0.823 0.04 62.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Boudoir Beige color name →
#D9C0AB
oklch(0.823 0.04 62.3)
Konwersje koloru
- HEX
- #d9c0ab
- RGB
- rgb(217 192 171)
- HSL
- hsl(27 38% 76%)
- HWB
- hwb(27 67% 15%)
- OKLCH
- oklch(0.823 0.04 62.3)
- OKLab
- oklab(0.823 0.019 0.036)
- CIE Lab
- lab(79.44 6.73 14.04)
- LCH
- lch(79.44 15.57 64.4)
- CMYK
- cmyk(0% 12% 21% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DDC6B3
- E1CCBC
- E5D3C4
- E8D9CC
- ECDFD5
- F0E6DD
- F4ECE5
- F7F2EE
- FBF9F6
Odcienie ciemniejsze
- BCA794
- A18E7E
- 867668
- 6C5F54
- 534940
- 3B342D
- 25201B
- 110E0B
- 020201
Tony
- D0B9A7
- C7B3A2
- BEAC9E
- B5A69A
- ACA095
- A39991
- 9A938D
- 918C89
- 898684
Harmonie kolorów
Komplementarna +180°
- D9C0AB
Boudoir Beige
- AFC9DE
≈ Life at Sea
Analogowa -30° +30°
- D9C0AB
Boudoir Beige
- DEBCB5
≈ Peach Blush
- CEC5A8
≈ Cyrus Grass
Triada +120° +240°
- D9C0AB
Boudoir Beige
- A9CEC7
≈ Blue Angora
- CABFDC
≈ Perspective
Komplementarna rozszczepiona +150° +210°
- D9C0AB
Boudoir Beige
- A8CDD5
≈ Grand Entrance
- BCC4E0
≈ Genevieve
Tetrada +90° +180° +270°
- D9C0AB
Boudoir Beige
- B3CDB9
≈ Gossamer Green
- AFC9DE
≈ Life at Sea
- D6BCD1
≈ Sunday Gloves
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.73:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 12.07:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 12.07:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--boudoir-beige: #d9c0ab;
--boudoir-beige-rgb: 217 192 171;
--boudoir-beige-oklch: oklch(0.823 0.04 62.3);
}
.element {
color: var(--boudoir-beige);
background-color: hsl(27 38% 76%);
border-color: oklch(0.823 0.04 62.3);
}Tailwind CSS v4
@theme {
--color-boudoir-beige: #d9c0ab;
--color-boudoir-beige-50: #fef3e9;
--color-boudoir-beige-100: #f2e5da;
--color-boudoir-beige-200: #e1d1c3;
--color-boudoir-beige-300: #c7b4a2;
--color-boudoir-beige-400: #b09a86;
--color-boudoir-beige-500: #9a816b;
--color-boudoir-beige-600: #826d5b;
--color-boudoir-beige-700: #685748;
--color-boudoir-beige-800: #4d3f34;
--color-boudoir-beige-900: #362c24;
--color-boudoir-beige-950: #211913;
}SCSS
$boudoir-beige: #d9c0ab;
$boudoir-beige-rgb: 217, 192, 171;
$boudoir-beige-light: mix(#fff, $boudoir-beige, 20%);
$boudoir-beige-dark: mix(#000, $boudoir-beige, 20%);
.element {
color: $boudoir-beige;
box-shadow: 0 0 0 2px rgba($boudoir-beige, 0.35);
}