Nazwany kolor · #DCCAB7
Loft Light
Loft Light to #DCCAB7: rgb(220 202 183), hsl(31 35% 79%), oklch(0.849 0.033 68.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Loft Light color name →
#DCCAB7
oklch(0.849 0.033 68.9)
Konwersje koloru
- HEX
- #dccab7
- RGB
- rgb(220 202 183)
- HSL
- hsl(31 35% 79%)
- HWB
- hwb(31 72% 14%)
- OKLCH
- oklch(0.849 0.033 68.9)
- OKLab
- oklab(0.849 0.012 0.031)
- CIE Lab
- lab(82.45 4.23 11.92)
- LCH
- lch(82.45 12.65 70.5)
- CMYK
- cmyk(0% 8% 17% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E0CFBE
- E3D4C5
- E7DACC
- EADFD3
- EEE4DB
- F1EAE2
- F5EFE9
- F8F4F0
- FCFAF8
Odcienie ciemniejsze
- BFAF9F
- A39587
- 887C70
- 6E645A
- 544D45
- 3C3731
- 26221E
- 110F0C
- 020202
Tony
- D2C2B1
- C9BBAC
- C0B3A6
- B6ACA1
- ADA49B
- A49D96
- 9B9690
- 928E8B
- 898785
Harmonie kolorów
Komplementarna +180°
- DCCAB7
Loft Light
- BDD0E2
≈ Bewitching Blue
Analogowa -30° +30°
- DCCAB7
Loft Light
- E1C7BE
≈ Pale Sienna
- D2CEB6
≈ Montezuma
Triada +120° +240°
- DCCAB7
Loft Light
- B6D5D2
≈ Dante Peak
- D3C8DE
≈ Lavender Water
Komplementarna rozszczepiona +150° +210°
- DCCAB7
Loft Light
- B7D3DC
≈ Pale Whale
- C8CCE3
≈ Periwinkle Powder
Tetrada +90° +180° +270°
- DCCAB7
Loft Light
- BCD4C6
≈ Sage Bundle
- BDD0E2
≈ Bewitching Blue
- DDC6D5
≈ Sleepy Kisses
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.59:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.17:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.17:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--loft-light: #dccab7;
--loft-light-rgb: 220 202 183;
--loft-light-oklch: oklch(0.849 0.033 68.9);
}
.element {
color: var(--loft-light);
background-color: hsl(31 35% 79%);
border-color: oklch(0.849 0.033 68.9);
}Tailwind CSS v4
@theme {
--color-loft-light: #dccab7;
--color-loft-light-50: #fbf4eb;
--color-loft-light-100: #efe6dc;
--color-loft-light-200: #ddd2c5;
--color-loft-light-300: #c2b5a6;
--color-loft-light-400: #ac9b8a;
--color-loft-light-500: #95836f;
--color-loft-light-600: #7e6f5e;
--color-loft-light-700: #65584b;
--color-loft-light-800: #4a4036;
--color-loft-light-900: #342c25;
--color-loft-light-950: #1f1914;
}SCSS
$loft-light: #dccab7;
$loft-light-rgb: 220, 202, 183;
$loft-light-light: mix(#fff, $loft-light, 20%);
$loft-light-dark: mix(#000, $loft-light, 20%);
.element {
color: $loft-light;
box-shadow: 0 0 0 2px rgba($loft-light, 0.35);
}