Nazwany kolor · #C2BDC2
Inuit Ice
Inuit Ice to #C2BDC2: rgb(194 189 194), hsl(300 4% 75%), oklch(0.804 0.009 325.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Inuit Ice color name →
#C2BDC2
oklch(0.804 0.009 325.7)
Konwersje koloru
- HEX
- #c2bdc2
- RGB
- rgb(194 189 194)
- HSL
- hsl(300 4% 75%)
- HWB
- hwb(300 74% 24%)
- OKLCH
- oklch(0.804 0.009 325.7)
- OKLab
- oklab(0.804 0.007 -0.005)
- CIE Lab
- lab(77.13 2.5 -1.87)
- LCH
- lch(77.13 3.12 323.1)
- CMYK
- cmyk(0% 3% 0% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C8C3C8
- CECACE
- D4D0D4
- DAD7DA
- E0DEE0
- E6E4E6
- ECEBEC
- F3F2F3
- F9F8F9
Odcienie ciemniejsze
- A8A4A8
- 8F8C8F
- 777477
- 605D60
- 494749
- 343334
- 201F20
- 0E0D0E
- 020202
Tony
- BBB7BB
- B4B0B4
- AEAAAE
- A7A4A7
- A09EA0
- 9A989A
- 939293
- 8D8C8D
- 868686
Harmonie kolorów
Komplementarna +180°
- C2BDC2
Inuit Ice
- BBC0BB
≈ Metal
Analogowa -30° +30°
- C2BDC2
Inuit Ice
- BFBEC4
≈ Moonwalk
- C4BDBF
≈ Wallis
Triada +120° +240°
- C2BDC2
Inuit Ice
- C1BFB9
≈ Noble Grey
- B9C1C2
≈ Distant Star
Komplementarna rozszczepiona +150° +210°
- C2BDC2
Inuit Ice
- BEC0B9
≈ Blithe Mood
- B9C1BF
≈ Adieu
Tetrada +90° +180° +270°
- C2BDC2
Inuit Ice
- C4BEBA
≈ Olive Bread
- BBC0BB
≈ Metal
- BAC0C4
≈ Skyline Steel
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.84:1 · APCA Lc 35
Ag
AAANa czerni
WCAG 11.35:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.35:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
CSS
:root {
--inuit-ice: #c2bdc2;
--inuit-ice-rgb: 194 189 194;
--inuit-ice-oklch: oklch(0.804 0.009 325.7);
}
.element {
color: var(--inuit-ice);
background-color: hsl(300 4% 75%);
border-color: oklch(0.804 0.009 325.7);
}Tailwind CSS v4
@theme {
--color-inuit-ice: #c2bdc2;
--color-inuit-ice-50: #f6f4f6;
--color-inuit-ice-100: #e9e7e9;
--color-inuit-ice-200: #d6d3d6;
--color-inuit-ice-300: #bab6ba;
--color-inuit-ice-400: #a19da1;
--color-inuit-ice-500: #898489;
--color-inuit-ice-600: #747074;
--color-inuit-ice-700: #5d595d;
--color-inuit-ice-800: #444144;
--color-inuit-ice-900: #2f2d2f;
--color-inuit-ice-950: #1b1a1c;
}SCSS
$inuit-ice: #c2bdc2;
$inuit-ice-rgb: 194, 189, 194;
$inuit-ice-light: mix(#fff, $inuit-ice, 20%);
$inuit-ice-dark: mix(#000, $inuit-ice, 20%);
.element {
color: $inuit-ice;
box-shadow: 0 0 0 2px rgba($inuit-ice, 0.35);
}