Colore con nome · #C9E7E3
Polar Expedition
Polar Expedition è #C9E7E3: rgb(201 231 227), hsl(172 38% 85%), oklch(0.905 0.032 186.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Polar Expedition color name →
#C9E7E3
oklch(0.905 0.032 186.9)
Conversioni di colore
- HEX
- #c9e7e3
- RGB
- rgb(201 231 227)
- HSL
- hsl(172 38% 85%)
- HWB
- hwb(172 79% 9%)
- OKLCH
- oklch(0.905 0.032 186.9)
- OKLab
- oklab(0.905 -0.032 -0.004)
- CIE Lab
- lab(89.36 -10.78 -1.55)
- LCH
- lch(89.36 10.89 188.2)
- CMYK
- cmyk(13% 0% 2% 9%)
Tinte · Ombre · Toni
Tinte
- CEE9E6
- D4ECE9
- D9EEEB
- DFF1EE
- E4F3F1
- E9F5F4
- EFF8F7
- F4FAF9
- FAFDFC
Ombre
- AEC9C5
- 95ABA8
- 7C8F8C
- 647371
- 4C5957
- 36403F
- 222827
- 0F1312
- 020303
Toni
- C2DCD9
- BAD2CE
- B3C7C4
- ABBDBA
- A4B2B0
- 9DA8A6
- 969E9D
- 8E9493
- 878A89
Armonie di colore
Complementare +180°
- C9E7E3
Polar Expedition
- F4D7DC
≈ Eliza Jane
Analogo -30° +30°
- C9E7E3
Polar Expedition
- CFE6D7
≈ Peppermint Patty
- C9E5EE
≈ Sapphireberry
Triadico +120° +240°
- C9E7E3
Polar Expedition
- E5DBF1
≈ Princess Fairy Tale
- EFDCCA
≈ Castle in the Clouds
Complementare divisa +150° +210°
- C9E7E3
Polar Expedition
- EED8E8
≈ All Made Up
- F4D9D1
≈ Pinkwash
Tetradico +90° +180° +270°
- C9E7E3
Polar Expedition
- DADEF5
≈ Chinese Silver
- F4D7DC
≈ Eliza Jane
- E5E0C9
≈ Canyon Echo
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.31:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.02:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 16.02:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--polar-expedition: #c9e7e3;
--polar-expedition-rgb: 201 231 227;
--polar-expedition-oklch: oklch(0.905 0.032 186.9);
}
.element {
color: var(--polar-expedition);
background-color: hsl(172 38% 85%);
border-color: oklch(0.905 0.032 186.9);
}Tailwind CSS v4
@theme {
--color-polar-expedition: #c9e7e3;
--color-polar-expedition-50: #ebf8f7;
--color-polar-expedition-100: #ddecea;
--color-polar-expedition-200: #c6d9d7;
--color-polar-expedition-300: #a6bdbb;
--color-polar-expedition-400: #8aa5a1;
--color-polar-expedition-500: #6f8d8a;
--color-polar-expedition-600: #5e7874;
--color-polar-expedition-700: #4b605d;
--color-polar-expedition-800: #364644;
--color-polar-expedition-900: #25312f;
--color-polar-expedition-950: #141d1b;
}SCSS
$polar-expedition: #c9e7e3;
$polar-expedition-rgb: 201, 231, 227;
$polar-expedition-light: mix(#fff, $polar-expedition, 20%);
$polar-expedition-dark: mix(#000, $polar-expedition, 20%);
.element {
color: $polar-expedition;
box-shadow: 0 0 0 2px rgba($polar-expedition, 0.35);
}