Nazwany kolor · #B5B5CB
Soft Sky
Soft Sky to #B5B5CB: rgb(181 181 203), hsl(240 17% 75%), oklch(0.78 0.031 285.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Soft Sky color name →
#B5B5CB
oklch(0.78 0.031 285.7)
Konwersje koloru
- HEX
- #b5b5cb
- RGB
- rgb(181 181 203)
- HSL
- hsl(240 17% 75%)
- HWB
- hwb(240 71% 20%)
- OKLCH
- oklch(0.78 0.031 285.7)
- OKLab
- oklab(0.78 0.008 -0.03)
- CIE Lab
- lab(74.21 3.24 -11.17)
- LCH
- lch(74.21 11.63 286.2)
- CMYK
- cmyk(11% 11% 0% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BCBCD0
- C3C3D5
- CBCBDB
- D2D2E0
- D9D9E5
- E1E1EA
- E8E8EF
- F0F0F5
- F7F7FA
Odcienie ciemniejsze
- 9D9DB0
- 868696
- 6F6F7D
- 595965
- 44444D
- 303037
- 1D1D22
- 0C0C0F
- 020202
Tony
- B0B0C3
- AAAABC
- A5A5B4
- 9F9FAC
- 9A9AA5
- 95959D
- 909096
- 8A8A8F
- 858587
Harmonie kolorów
Komplementarna +180°
- B5B5CB
Soft Sky
- BAB9A2
≈ Restful
Analogowa -30° +30°
- B5B5CB
Soft Sky
- ABB9CC
≈ Wood Pigeon
- BFB2C5
≈ Really Romantic
Triada +120° +240°
- B5B5CB
Soft Sky
- C9B2A7
≈ Rose Dust
- A6BEB3
≈ Foggy Rain
Komplementarna rozszczepiona +150° +210°
- B5B5CB
Soft Sky
- C3B5A2
≈ Esoteric
- AFBCA9
≈ Fresh Thyme
Tetrada +90° +180° +270°
- B5B5CB
Soft Sky
- CBB0B1
≈ Izmir Pink
- BAB9A2
≈ Restful
- A1BEBE
≈ Seafoam Whisper
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.01:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.43:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.43:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
CSS
:root {
--soft-sky: #b5b5cb;
--soft-sky-rgb: 181 181 203;
--soft-sky-oklch: oklch(0.78 0.031 285.7);
}
.element {
color: var(--soft-sky);
background-color: hsl(240 17% 75%);
border-color: oklch(0.78 0.031 285.7);
}Tailwind CSS v4
@theme {
--color-soft-sky: #b5b5cb;
--color-soft-sky-50: #f4f4fe;
--color-soft-sky-100: #e7e6f2;
--color-soft-sky-200: #d3d2e1;
--color-soft-sky-300: #b6b5c7;
--color-soft-sky-400: #9c9cb1;
--color-soft-sky-500: #84849a;
--color-soft-sky-600: #706f83;
--color-soft-sky-700: #595969;
--color-soft-sky-800: #41414d;
--color-soft-sky-900: #2d2d36;
--color-soft-sky-950: #1a1a21;
}SCSS
$soft-sky: #b5b5cb;
$soft-sky-rgb: 181, 181, 203;
$soft-sky-light: mix(#fff, $soft-sky, 20%);
$soft-sky-dark: mix(#000, $soft-sky, 20%);
.element {
color: $soft-sky;
box-shadow: 0 0 0 2px rgba($soft-sky, 0.35);
}