Named color · #88FFEE
Defence Matrix
Defence Matrix is #88FFEE: rgb(136 255 238), hsl(171 100% 77%), oklch(0.926 0.111 183.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Defence Matrix color name →
#88FFEE
oklch(0.926 0.111 183.5)
Color conversions
- HEX
- #88ffee
- RGB
- rgb(136 255 238)
- HSL
- hsl(171 100% 77%)
- HWB
- hwb(171 53% 0%)
- OKLCH
- oklch(0.926 0.111 183.5)
- OKLab
- oklab(0.926 -0.111 -0.007)
- CIE Lab
- lab(92.73 -38.31 -2.86)
- LCH
- lch(92.73 38.42 184.3)
- CMYK
- cmyk(47% 0% 7% 0%)
Tints · Shades · Tones
Tints
- 97FFF0
- A5FFF1
- B2FFF3
- BEFFF5
- CAFFF6
- D5FFF8
- E0FFFA
- EBFFFC
- F5FFFD
Shades
- 75DECF
- 63BEB1
- 529E93
- 418077
- 31635C
- 224842
- 132E2A
- 061614
- 010303
Tones
- 8AF2E2
- 8BE5D7
- 8BD8CC
- 8BCBC1
- 8ABEB5
- 89B1AA
- 87A5A0
- 859895
- 838C8A
Color harmonies
Complementary +180°
- 88FFEE
Defence Matrix
- FFDCE3
≈ Pink Perfume
Analogous -30° +30°
- 88FFEE
Defence Matrix
- ABFDC4
≈ Neo Mint
- B8F2FF
≈ Northrend
Triadic +120° +240°
- 88FFEE
Defence Matrix
- ECE0FF
≈ Lavender Savour
- FFE0C5
≈ Creamy Beige
Split-complementary +150° +210°
- 88FFEE
Defence Matrix
- FFD9F7
≈ Strawberry Frost
- FFDED6
≈ Peach Schnapps
Tetradic +90° +180° +270°
- 88FFEE
Defence Matrix
- DEE5FF
≈ Lavender Mist
- FFDCE3
≈ Pink Perfume
- FFE58F
≈ Swallowtail
Contrast & accessibility
Ag
FailOn white
WCAG 1.19:1 · APCA Lc 9
Ag
AAAOn black
WCAG 17.58:1 · APCA Lc 95
Best text color: #000000
WCAG 17.58:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
CSS
:root {
--defence-matrix: #88ffee;
--defence-matrix-rgb: 136 255 238;
--defence-matrix-oklch: oklch(0.926 0.111 183.5);
}
.element {
color: var(--defence-matrix);
background-color: hsl(171 100% 77%);
border-color: oklch(0.926 0.111 183.5);
}Tailwind CSS v4
@theme {
--color-defence-matrix: #88ffee;
--color-defence-matrix-50: #d3fff9;
--color-defence-matrix-100: #bff5ed;
--color-defence-matrix-200: #9de4db;
--color-defence-matrix-300: #6fcabf;
--color-defence-matrix-400: #3eb4a5;
--color-defence-matrix-500: #009d8e;
--color-defence-matrix-600: #008578;
--color-defence-matrix-700: #006b60;
--color-defence-matrix-800: #004f45;
--color-defence-matrix-900: #003730;
--color-defence-matrix-950: #00211c;
}SCSS
$defence-matrix: #88ffee;
$defence-matrix-rgb: 136, 255, 238;
$defence-matrix-light: mix(#fff, $defence-matrix, 20%);
$defence-matrix-dark: mix(#000, $defence-matrix, 20%);
.element {
color: $defence-matrix;
box-shadow: 0 0 0 2px rgba($defence-matrix, 0.35);
}