Najbliższy nazwany kolor · #9CB8CC
#9CB8CC
Najbliższy nazwany kolor: Gentle Sky
#9CB8CC (rgb(156 184 204), hsl(205 32% 71%), oklch(0.768 0.042 239.2)) jest najbliższy nazwanemu kolorowi Gentle Sky. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#9CB8CC
oklch(0.768 0.042 239.2)
Konwersje koloru
- HEX
- #9cb8cc
- RGB
- rgb(156 184 204)
- HSL
- hsl(205 32% 71%)
- HWB
- hwb(205 61% 20%)
- OKLCH
- oklch(0.768 0.042 239.2)
- OKLab
- oklab(0.768 -0.021 -0.036)
- CIE Lab
- lab(73.17 -6.55 -13.49)
- LCH
- lch(73.17 15 244.1)
- CMYK
- cmyk(24% 10% 0% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A6BFD1
- AFC6D6
- B9CDDB
- C3D4E0
- CDDBE5
- D7E2EB
- E1E9F0
- EBF1F5
- F5F8FA
Odcienie ciemniejsze
- 87A0B1
- 738897
- 5F717E
- 4C5B65
- 39454E
- 283137
- 181E22
- 090C0F
- 010202
Tony
- 99B2C4
- 97ADBC
- 94A7B5
- 91A1AD
- 8E9CA5
- 8B969E
- 899196
- 868B8F
- 838587
Harmonie kolorów
Komplementarna +180°
- 9CB8CC
Gentle Sky
- C9AE9A
≈ Brown Sugar Coating
Analogowa -30° +30°
- 9CB8CC
Gentle Sky
- 95BCC2
≈ Squirt
- A9B3CF
≈ Kentucky Blue
Triada +120° +240°
- 9CB8CC
Gentle Sky
- CBA9B3
≈ Dutchess Dawn
- B0B89A
≈ Foille
Komplementarna rozszczepiona +150° +210°
- 9CB8CC
Gentle Sky
- CDAAA4
≈ Rosy Tan
- BEB396
≈ Easy
Tetrada +90° +180° +270°
- 9CB8CC
Gentle Sky
- C3ABC1
≈ Monet Magic
- C9AE9A
≈ Brown Sugar Coating
- A2BCA5
≈ Reeds
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.07:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.14:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.14:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--gentle-sky: #9cb8cc;
--gentle-sky-rgb: 156 184 204;
--gentle-sky-oklch: oklch(0.768 0.042 239.2);
}
.element {
color: var(--gentle-sky);
background-color: hsl(205 32% 71%);
border-color: oklch(0.768 0.042 239.2);
}Tailwind CSS v4
@theme {
--color-gentle-sky: #9cb8cc;
--color-gentle-sky-50: #ebf7ff;
--color-gentle-sky-100: #dceaf5;
--color-gentle-sky-200: #c5d7e5;
--color-gentle-sky-300: #a5bbcb;
--color-gentle-sky-400: #88a2b5;
--color-gentle-sky-500: #6d8b9f;
--color-gentle-sky-600: #5c7587;
--color-gentle-sky-700: #4a5e6c;
--color-gentle-sky-800: #35454f;
--color-gentle-sky-900: #243037;
--color-gentle-sky-950: #131c22;
}SCSS
$gentle-sky: #9cb8cc;
$gentle-sky-rgb: 156, 184, 204;
$gentle-sky-light: mix(#fff, $gentle-sky, 20%);
$gentle-sky-dark: mix(#000, $gentle-sky, 20%);
.element {
color: $gentle-sky;
box-shadow: 0 0 0 2px rgba($gentle-sky, 0.35);
}