Nazwany kolor · #C9D3D3
Sky Splash
Sky Splash to #C9D3D3: rgb(201 211 211), hsl(180 10% 81%), oklch(0.859 0.011 197). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Sky Splash color name →
#C9D3D3
oklch(0.859 0.011 197)
Konwersje koloru
- HEX
- #c9d3d3
- RGB
- rgb(201 211 211)
- HSL
- hsl(180 10% 81%)
- HWB
- hwb(180 79% 17%)
- OKLCH
- oklch(0.859 0.011 197)
- OKLab
- oklab(0.859 -0.01 -0.003)
- CIE Lab
- lab(83.78 -3.51 -1.24)
- LCH
- lch(83.78 3.72 199.4)
- CMYK
- cmyk(5% 0% 0% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CED7D7
- D4DCDC
- D9E0E0
- DEE4E4
- E4E9E9
- E9EDED
- EFF2F2
- F4F6F6
- FAFBFB
Odcienie ciemniejsze
- AEB7B7
- 959C9C
- 7C8282
- 646969
- 4C5151
- 363A3A
- 222424
- 0F1010
- 020202
Tony
- C1CACA
- BAC2C2
- B3B9B9
- ABB1B1
- A4A9A9
- 9DA0A0
- 959898
- 8E9090
- 878888
Harmonie kolorów
Komplementarna +180°
- C9D3D3
Sky Splash
- D8CECE
≈ Smells of Fresh Bread
Analogowa -30° +30°
- C9D3D3
Sky Splash
- CAD3CF
≈ Solo
- CAD2D6
≈ Fairfax Grey
Triada +120° +240°
- C9D3D3
Sky Splash
- D4CFD5
≈ Jam Session
- D5D0C9
≈ Light Taupe White
Komplementarna rozszczepiona +150° +210°
- C9D3D3
Sky Splash
- D6CED2
≈ Ephemeral Fog
- D7CFCB
≈ White City
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.52:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.74:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.74:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--sky-splash: #c9d3d3;
--sky-splash-rgb: 201 211 211;
--sky-splash-oklch: oklch(0.859 0.011 197);
}
.element {
color: var(--sky-splash);
background-color: hsl(180 10% 81%);
border-color: oklch(0.859 0.011 197);
}Tailwind CSS v4
@theme {
--color-sky-splash: #c9d3d3;
--color-sky-splash-50: #f2f6f6;
--color-sky-splash-100: #e4e9e9;
--color-sky-splash-200: #cfd6d6;
--color-sky-splash-300: #b1b9b9;
--color-sky-splash-400: #97a0a0;
--color-sky-splash-500: #7e8889;
--color-sky-splash-600: #6b7374;
--color-sky-splash-700: #555c5c;
--color-sky-splash-800: #3e4443;
--color-sky-splash-900: #2b2f2f;
--color-sky-splash-950: #181b1b;
}SCSS
$sky-splash: #c9d3d3;
$sky-splash-rgb: 201, 211, 211;
$sky-splash-light: mix(#fff, $sky-splash, 20%);
$sky-splash-dark: mix(#000, $sky-splash, 20%);
.element {
color: $sky-splash;
box-shadow: 0 0 0 2px rgba($sky-splash, 0.35);
}