이름 색상 · #88FFEE
Defence Matrix
Defence Matrix은(는) #88FFEE: rgb(136 255 238), hsl(171 100% 77%), oklch(0.926 0.111 183.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Defence Matrix color name →
#88FFEE
oklch(0.926 0.111 183.5)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 97FFF0
- A5FFF1
- B2FFF3
- BEFFF5
- CAFFF6
- D5FFF8
- E0FFFA
- EBFFFC
- F5FFFD
셰이드
- 75DECF
- 63BEB1
- 529E93
- 418077
- 31635C
- 224842
- 132E2A
- 061614
- 010303
톤
- 8AF2E2
- 8BE5D7
- 8BD8CC
- 8BCBC1
- 8ABEB5
- 89B1AA
- 87A5A0
- 859895
- 838C8A
색 조화
보색 +180°
- 88FFEE
Defence Matrix
- FFDCE3
≈ Pink Perfume
유사색 -30° +30°
- 88FFEE
Defence Matrix
- ABFDC4
≈ Neo Mint
- B8F2FF
≈ Northrend
삼각 배색 +120° +240°
- 88FFEE
Defence Matrix
- ECE0FF
≈ Lavender Savour
- FFE0C5
≈ Creamy Beige
분열 보색 +150° +210°
- 88FFEE
Defence Matrix
- FFD9F7
≈ Strawberry Frost
- FFDED6
≈ Peach Schnapps
사각 배색 +90° +180° +270°
- 88FFEE
Defence Matrix
- DEE5FF
≈ Lavender Mist
- FFDCE3
≈ Pink Perfume
- FFE58F
≈ Swallowtail
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.19:1 · APCA Lc 9
Ag
AAA검은색 위
WCAG 17.58:1 · APCA Lc 95
가장 좋은 글자색: #000000
WCAG 17.58:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
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);
}