Nazwany kolor · #CBCECD
Loft Space
Loft Space to #CBCECD: rgb(203 206 205), hsl(160 3% 80%), oklch(0.849 0.004 174.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Loft Space color name →
#CBCECD
oklch(0.849 0.004 174.5)
Konwersje koloru
- HEX
- #cbcecd
- RGB
- rgb(203 206 205)
- HSL
- hsl(160 3% 80%)
- HWB
- hwb(160 80% 19%)
- OKLCH
- oklch(0.849 0.004 174.5)
- OKLab
- oklab(0.849 -0.004 0)
- CIE Lab
- lab(82.5 -1.2 0.12)
- LCH
- lch(82.5 1.21 174.3)
- CMYK
- cmyk(1% 0% 0% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D0D3D2
- D5D8D7
- DADCDC
- E0E1E1
- E5E6E6
- EAEBEB
- EFF0F0
- F4F5F5
- FAFAFA
Odcienie ciemniejsze
- B0B3B2
- 969898
- 7D7F7E
- 656666
- 4D4E4E
- 373838
- 222323
- 0F0F0F
- 020202
Tony
- C3C6C5
- BCBEBD
- B4B6B5
- ACAEAD
- A5A6A6
- 9D9E9E
- 969796
- 8E8F8F
- 878787
Harmonie kolorów
Komplementarna +180°
- CBCECD
Loft Space
- CFCCCD
≈ Chupacabra Grey
Analogowa -30° +30°
- CBCECD
Loft Space
- CCCECC
≈ Loft Space
- CBCECE
≈ Loft Space
Triada +120° +240°
- CBCECD
Loft Space
- CDCDCF
≈ London Calling
- CFCDCB
≈ Pewter Vase
Komplementarna rozszczepiona +150° +210°
- CBCECD
Loft Space
- CECCCF
≈ London Calling
- D0CCCC
≈ Off Shore
Tetrada +90° +180° +270°
- CBCECD
Loft Space
- CCCDD0
≈ London Calling
- CFCCCD
≈ Chupacabra Grey
- CECDCB
≈ Pewter Vase
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.58:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.24:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.24:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--loft-space: #cbcecd;
--loft-space-rgb: 203 206 205;
--loft-space-oklch: oklch(0.849 0.004 174.5);
}
.element {
color: var(--loft-space);
background-color: hsl(160 3% 80%);
border-color: oklch(0.849 0.004 174.5);
}Tailwind CSS v4
@theme {
--color-loft-space: #cbcecd;
--color-loft-space-50: #f4f5f5;
--color-loft-space-100: #e7e8e8;
--color-loft-space-200: #d3d5d4;
--color-loft-space-300: #b5b8b7;
--color-loft-space-400: #9c9f9e;
--color-loft-space-500: #848786;
--color-loft-space-600: #707271;
--color-loft-space-700: #595b5b;
--color-loft-space-800: #414342;
--color-loft-space-900: #2d2e2e;
--color-loft-space-950: #1a1b1a;
}SCSS
$loft-space: #cbcecd;
$loft-space-rgb: 203, 206, 205;
$loft-space-light: mix(#fff, $loft-space, 20%);
$loft-space-dark: mix(#000, $loft-space, 20%);
.element {
color: $loft-space;
box-shadow: 0 0 0 2px rgba($loft-space, 0.35);
}