Nazwany kolor · #D6B194
Blonde Lace
Blonde Lace to #D6B194: rgb(214 177 148), hsl(26 45% 71%), oklch(0.786 0.059 59.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Blonde Lace color name →
#D6B194
oklch(0.786 0.059 59.9)
Konwersje koloru
- HEX
- #d6b194
- RGB
- rgb(214 177 148)
- HSL
- hsl(26 45% 71%)
- HWB
- hwb(26 58% 16%)
- OKLCH
- oklch(0.786 0.059 59.9)
- OKLab
- oklab(0.786 0.029 0.051)
- CIE Lab
- lab(75 10.77 20.18)
- LCH
- lch(75 22.88 61.9)
- CMYK
- cmyk(0% 17% 31% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DAB99F
- DEC0A9
- E3C8B4
- E7D0BE
- EBD8C9
- EFDFD4
- F3E7DE
- F7EFE9
- FBF7F4
Odcienie ciemniejsze
- BA9980
- 9E836D
- 846C5A
- 6A5748
- 524236
- 3B2F26
- 251C16
- 100C08
- 020101
Tony
- CDAC92
- C4A790
- BCA28E
- B39D8C
- AA988A
- A29388
- 998F86
- 918A84
- 888582
Harmonie kolorów
Komplementarna +180°
- D6B194
Blonde Lace
- 98BFDB
≈ Blue Magpie
Analogowa -30° +30°
- D6B194
Blonde Lace
- DCACA3
≈ Everything’s Rosy
- C8B88F
≈ Earth Friendly
Triada +120° +240°
- D6B194
Blonde Lace
- 90C6BA
≈ Float Your Boat
- BEB1DA
≈ Moonraker
Komplementarna rozszczepiona +150° +210°
- D6B194
Blonde Lace
- 8DC4CE
≈ After the Rain
- AAB8E0
≈ French Lilac Blue
Tetrada +90° +180° +270°
- D6B194
Blonde Lace
- 9FC4A6
≈ Aroma Garden
- 98BFDB
≈ Blue Magpie
- CFACCB
≈ Orchid Bouquet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.98:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.57:1 · APCA Lc 64
Najlepszy kolor tekstu: #000000
WCAG 10.57:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmenty kodu
CSS
:root {
--blonde-lace: #d6b194;
--blonde-lace-rgb: 214 177 148;
--blonde-lace-oklch: oklch(0.786 0.059 59.9);
}
.element {
color: var(--blonde-lace);
background-color: hsl(26 45% 71%);
border-color: oklch(0.786 0.059 59.9);
}Tailwind CSS v4
@theme {
--color-blonde-lace: #d6b194;
--color-blonde-lace-50: #fff2e5;
--color-blonde-lace-100: #f7e4d5;
--color-blonde-lace-200: #e7cfbb;
--color-blonde-lace-300: #ceb199;
--color-blonde-lace-400: #b9977c;
--color-blonde-lace-500: #a37d5f;
--color-blonde-lace-600: #8a6a51;
--color-blonde-lace-700: #6f5540;
--color-blonde-lace-800: #523d2e;
--color-blonde-lace-900: #392a1f;
--color-blonde-lace-950: #23180f;
}SCSS
$blonde-lace: #d6b194;
$blonde-lace-rgb: 214, 177, 148;
$blonde-lace-light: mix(#fff, $blonde-lace, 20%);
$blonde-lace-dark: mix(#000, $blonde-lace, 20%);
.element {
color: $blonde-lace;
box-shadow: 0 0 0 2px rgba($blonde-lace, 0.35);
}