Nazwany kolor · #CBD0D7
Light Starlight
Light Starlight to #CBD0D7: rgb(203 208 215), hsl(215 13% 82%), oklch(0.856 0.011 256.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Light Starlight color name →
#CBD0D7
oklch(0.856 0.011 256.7)
Konwersje koloru
- HEX
- #cbd0d7
- RGB
- rgb(203 208 215)
- HSL
- hsl(215 13% 82%)
- HWB
- hwb(215 80% 16%)
- OKLCH
- oklch(0.856 0.011 256.7)
- OKLab
- oklab(0.856 -0.003 -0.011)
- CIE Lab
- lab(83.24 -0.78 -4.11)
- LCH
- lch(83.24 4.18 259.2)
- CMYK
- cmyk(6% 3% 0% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D0D5DB
- D5D9DF
- DADEE3
- E0E3E7
- E5E7EB
- EAECEF
- EFF1F3
- F4F5F7
- FAFAFB
Odcienie ciemniejsze
- B0B5BB
- 969A9F
- 7D8085
- 65676B
- 4D4F52
- 37393B
- 222325
- 0F1011
- 020202
Tony
- C3C8CE
- BCBFC5
- B4B7BC
- ACAFB3
- A5A7AA
- 9D9FA2
- 969799
- 8E8F91
- 878888
Harmonie kolorów
Komplementarna +180°
- CBD0D7
Light Starlight
- D4CFC8
≈ Ravine
Analogowa -30° +30°
- CBD0D7
Light Starlight
- C8D1D5
≈ Salina Springs
- CFCFD7
≈ Ash Tree Bark
Triada +120° +240°
- CBD0D7
Light Starlight
- D7CDCD
≈ Lilac Ash
- CCD1CA
≈ Pale Loden
Komplementarna rozszczepiona +150° +210°
- CBD0D7
Light Starlight
- D6CECA
≈ Tiny Ghost Town
- D0D0C8
≈ Silken Pebble
Tetrada +90° +180° +270°
- CBD0D7
Light Starlight
- D5CDD1
≈ Coverts Wood Pigeon
- D4CFC8
≈ Ravine
- C9D2CE
≈ Blue Flower
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.55:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.54:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.54:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--light-starlight: #cbd0d7;
--light-starlight-rgb: 203 208 215;
--light-starlight-oklch: oklch(0.856 0.011 256.7);
}
.element {
color: var(--light-starlight);
background-color: hsl(215 13% 82%);
border-color: oklch(0.856 0.011 256.7);
}Tailwind CSS v4
@theme {
--color-light-starlight: #cbd0d7;
--color-light-starlight-50: #f3f5f8;
--color-light-starlight-100: #e6e8ec;
--color-light-starlight-200: #d1d4d9;
--color-light-starlight-300: #b4b8bd;
--color-light-starlight-400: #9a9fa5;
--color-light-starlight-500: #81878e;
--color-light-starlight-600: #6e7278;
--color-light-starlight-700: #585b60;
--color-light-starlight-800: #404346;
--color-light-starlight-900: #2c2e31;
--color-light-starlight-950: #191b1d;
}SCSS
$light-starlight: #cbd0d7;
$light-starlight-rgb: 203, 208, 215;
$light-starlight-light: mix(#fff, $light-starlight, 20%);
$light-starlight-dark: mix(#000, $light-starlight, 20%);
.element {
color: $light-starlight;
box-shadow: 0 0 0 2px rgba($light-starlight, 0.35);
}