Nazwany kolor · #CCE2F3
Salty Ice
Salty Ice to #CCE2F3: rgb(204 226 243), hsl(206 62% 88%), oklch(0.902 0.033 241.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Salty Ice color name →
#CCE2F3
oklch(0.902 0.033 241.1)
Konwersje koloru
- HEX
- #cce2f3
- RGB
- rgb(204 226 243)
- HSL
- hsl(206 62% 88%)
- HWB
- hwb(206 80% 5%)
- OKLCH
- oklch(0.902 0.033 241.1)
- OKLab
- oklab(0.902 -0.016 -0.029)
- CIE Lab
- lab(88.63 -4.99 -10.92)
- LCH
- lch(88.63 12 245.4)
- CMYK
- cmyk(16% 7% 0% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D1E5F4
- D6E8F5
- DBEBF7
- E0EEF8
- E5F0F9
- EBF3FA
- F0F6FB
- F5F9FD
- FAFCFE
Odcienie ciemniejsze
- B1C4D3
- 97A8B4
- 7E8C97
- 65717A
- 4E575E
- 373E44
- 22272B
- 0F1214
- 020303
Tony
- C4D8E7
- BCCEDB
- B5C4CF
- ADBAC3
- A5B0B8
- 9EA6AC
- 969CA1
- 8F9396
- 87898B
Harmonie kolorów
Komplementarna +180°
- CCE2F3
Salty Ice
- F0DAC9
≈ Wilted Leaf
Analogowa -30° +30°
- CCE2F3
Salty Ice
- C7E5EB
≈ Igloo Blue
- D6DEF5
≈ Puffy Cloud
Triada +120° +240°
- CCE2F3
Salty Ice
- F3D6DD
≈ Eliza Jane
- DBE2CA
≈ Palm Breeze
Komplementarna rozszczepiona +150° +210°
- CCE2F3
Salty Ice
- F4D7D1
≈ Global Warming
- E7DEC6
≈ Adobe Sand
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.33:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.74:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.74:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--salty-ice: #cce2f3;
--salty-ice-rgb: 204 226 243;
--salty-ice-oklch: oklch(0.902 0.033 241.1);
}
.element {
color: var(--salty-ice);
background-color: hsl(206 62% 88%);
border-color: oklch(0.902 0.033 241.1);
}Tailwind CSS v4
@theme {
--color-salty-ice: #cce2f3;
--color-salty-ice-50: #edf6fe;
--color-salty-ice-100: #dfe9f2;
--color-salty-ice-200: #c9d6e2;
--color-salty-ice-300: #a9bac7;
--color-salty-ice-400: #8ea1b1;
--color-salty-ice-500: #73899a;
--color-salty-ice-600: #627483;
--color-salty-ice-700: #4e5d69;
--color-salty-ice-800: #38444d;
--color-salty-ice-900: #262f35;
--color-salty-ice-950: #151c21;
}SCSS
$salty-ice: #cce2f3;
$salty-ice-rgb: 204, 226, 243;
$salty-ice-light: mix(#fff, $salty-ice, 20%);
$salty-ice-dark: mix(#000, $salty-ice, 20%);
.element {
color: $salty-ice;
box-shadow: 0 0 0 2px rgba($salty-ice, 0.35);
}