Named color · #C0FFEE
Arabica Mint
Arabica Mint is #C0FFEE: rgb(192 255 238), hsl(164 100% 88%), oklch(0.953 0.067 176.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Arabica Mint color name →
#C0FFEE
oklch(0.953 0.067 176.4)
Color conversions
- HEX
- #c0ffee
- RGB
- rgb(192 255 238)
- HSL
- hsl(164 100% 88%)
- HWB
- hwb(164 75% 0%)
- OKLCH
- oklch(0.953 0.067 176.4)
- OKLab
- oklab(0.953 -0.067 0.004)
- CIE Lab
- lab(95.41 -23.01 1.42)
- LCH
- lch(95.41 23.05 176.5)
- CMYK
- cmyk(25% 0% 7% 0%)
Tints · Shades · Tones
Tints
- C7FFF0
- CEFFF1
- D4FFF3
- DBFFF5
- E1FFF6
- E7FFF8
- EDFFFA
- F3FFFC
- F9FFFD
Shades
- A7DECF
- 8EBEB1
- 769E93
- 5F8077
- 49635C
- 344842
- 202E2A
- 0E1614
- 020303
Tones
- BAF2E2
- B4E4D7
- ADD7CC
- A7CAC1
- A1BEB5
- 9AB1AA
- 94A5A0
- 8D9895
- 878C8A
Color harmonies
Complementary +180°
- C0FFEE
Arabica Mint
- FFE9F0
≈ Rose Mochi
Analogous -30° +30°
- C0FFEE
Arabica Mint
- D3FCD5
≈ Mint Zest
- CCF9FF
≈ Thin Air
Triadic +120° +240°
- C0FFEE
Arabica Mint
- F1ECFF
≈ Placebo Purple
- FFEBDE
≈ Pink Glow
Split-complementary +150° +210°
- C0FFEE
Arabica Mint
- FFE6FF
≈ Fairy Bubblegum Cloud
- FFEAE7
≈ Quartz Light Pink
Tetradic +90° +180° +270°
- C0FFEE
Arabica Mint
- E9F0FF
≈ Brilliant White
- FFE9F0
≈ Rose Mochi
- FFEEC8
≈ Frosted Lemon
Contrast & accessibility
Ag
FailOn white
WCAG 1.11:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.77:1 · APCA Lc 99
Best text color: #000000
WCAG 18.77:1 (AAA) · APCA Lc 99
Contrast pairs
Code snippets
CSS
:root {
--arabica-mint: #c0ffee;
--arabica-mint-rgb: 192 255 238;
--arabica-mint-oklch: oklch(0.953 0.067 176.4);
}
.element {
color: var(--arabica-mint);
background-color: hsl(164 100% 88%);
border-color: oklch(0.953 0.067 176.4);
}Tailwind CSS v4
@theme {
--color-arabica-mint: #c0ffee;
--color-arabica-mint-50: #e2fcf5;
--color-arabica-mint-100: #d1f0e8;
--color-arabica-mint-200: #b7ded4;
--color-arabica-mint-300: #93c3b7;
--color-arabica-mint-400: #73ac9d;
--color-arabica-mint-500: #519585;
--color-arabica-mint-600: #467e70;
--color-arabica-mint-700: #37655a;
--color-arabica-mint-800: #284a41;
--color-arabica-mint-900: #1b332d;
--color-arabica-mint-950: #0b1f1a;
}SCSS
$arabica-mint: #c0ffee;
$arabica-mint-rgb: 192, 255, 238;
$arabica-mint-light: mix(#fff, $arabica-mint, 20%);
$arabica-mint-dark: mix(#000, $arabica-mint, 20%);
.element {
color: $arabica-mint;
box-shadow: 0 0 0 2px rgba($arabica-mint, 0.35);
}