Benannte Farbe · #C6E3D3
Icy Mint
Icy Mint ist #C6E3D3: rgb(198 227 211), hsl(147 34% 83%), oklch(0.89 0.038 161.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Icy Mint color name →
#C6E3D3
oklch(0.89 0.038 161.5)
Farbumrechnungen
- HEX
- #c6e3d3
- RGB
- rgb(198 227 211)
- HSL
- hsl(147 34% 83%)
- HWB
- hwb(147 78% 11%)
- OKLCH
- oklch(0.89 0.038 161.5)
- OKLab
- oklab(0.89 -0.036 0.012)
- CIE Lab
- lab(87.77 -12.2 4.45)
- LCH
- lch(87.77 12.98 159.9)
- CMYK
- cmyk(13% 0% 7% 11%)
Tints · Shades · Tones
Tints
- CCE6D7
- D1E9DC
- D7EBE0
- DDEEE4
- E3F1E9
- E8F4ED
- EEF7F2
- F4F9F6
- F9FCFB
Shades
- ACC5B7
- 92A89C
- 7A8C82
- 627169
- 4B5751
- 353F3A
- 212724
- 0E1210
- 020302
Tones
- BFD9CA
- B8CEC2
- B1C4B9
- AABAB1
- A3B0A9
- 9CA6A0
- 959D98
- 8E9390
- 878988
Farbharmonien
Komplementär +180°
- C6E3D3
Icy Mint
- EDD2E2
≈ Champagne Elegance
Analog -30° +30°
- C6E3D3
Icy Mint
- D2E0C7
≈ Endive
- BFE3E1
≈ Yù Shí Bái White
Triadisch +120° +240°
- C6E3D3
Icy Mint
- D6D8F4
≈ Flax Bloom
- F2D3C8
≈ Cool Cantaloupe
Geteilt komplementär +150° +210°
- C6E3D3
Icy Mint
- E3D4ED
≈ First Lilac
- F3D1D4
≈ Impatiens Petal
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.36:1 · APCA Lc 18
Ag
AAAAuf Schwarz
WCAG 15.32:1 · APCA Lc 85
Beste Textfarbe: #000000
WCAG 15.32:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--icy-mint: #c6e3d3;
--icy-mint-rgb: 198 227 211;
--icy-mint-oklch: oklch(0.89 0.038 161.5);
}
.element {
color: var(--icy-mint);
background-color: hsl(147 34% 83%);
border-color: oklch(0.89 0.038 161.5);
}Tailwind CSS v4
@theme {
--color-icy-mint: #c6e3d3;
--color-icy-mint-50: #ecf9f2;
--color-icy-mint-100: #ddece4;
--color-icy-mint-200: #c7dad0;
--color-icy-mint-300: #a7beb2;
--color-icy-mint-400: #8ca697;
--color-icy-mint-500: #718e7e;
--color-icy-mint-600: #5f786b;
--color-icy-mint-700: #4c6055;
--color-icy-mint-800: #37473e;
--color-icy-mint-900: #26312a;
--color-icy-mint-950: #141d18;
}SCSS
$icy-mint: #c6e3d3;
$icy-mint-rgb: 198, 227, 211;
$icy-mint-light: mix(#fff, $icy-mint, 20%);
$icy-mint-dark: mix(#000, $icy-mint, 20%);
.element {
color: $icy-mint;
box-shadow: 0 0 0 2px rgba($icy-mint, 0.35);
}