이름 색상 · #3AFDDB
Lamiaceae
Lamiaceae은(는) #3AFDDB: rgb(58 253 219), hsl(170 98% 61%), oklch(0.894 0.155 177.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Lamiaceae color name →
#3AFDDB
oklch(0.894 0.155 177.4)
색상 변환
- HEX
- #3afddb
- RGB
- rgb(58 253 219)
- HSL
- hsl(170 98% 61%)
- HWB
- hwb(170 23% 1%)
- OKLCH
- oklch(0.894 0.155 177.4)
- OKLab
- oklab(0.894 -0.155 0.007)
- CIE Lab
- lab(89.7 -54.41 2.21)
- LCH
- lch(89.7 54.45 177.7)
- CMYK
- cmyk(77% 0% 13% 1%)
틴트 · 셰이드 · 톤
틴트
- 60FEDF
- 7BFEE2
- 90FFE6
- A3FFE9
- B5FFED
- C5FFF0
- D5FFF4
- E3FFF8
- F1FFFB
셰이드
- 31DCBE
- 28BCA2
- 209D87
- 187F6D
- 106254
- 09473C
- 042D26
- 011611
- 000302
톤
- 4FF0D2
- 5DE3C8
- 67D7BF
- 6FCAB6
- 75BDAC
- 79B1A3
- 7CA59A
- 7E9891
- 808C89
색 조화
보색 +180°
- 3AFDDB
Lamiaceae
- FFCCDC
≈ Linnet Egg Red
유사색 -30° +30°
- 3AFDDB
Lamiaceae
- 91F89F
≈ Mild Menthol
- 82F0FF
≈ Photon Projector
삼각 배색 +120° +240°
- 3AFDDB
Lamiaceae
- E0D5FF
≈ Pale Lavender
- FFD2B1
≈ Papaya Whip
분열 보색 +150° +210°
- 3AFDDB
Lamiaceae
- FFC6FD
≈ Sugar Chic
- FFCFC8
≈ Snow Pa
사각 배색 +90° +180° +270°
- 3AFDDB
Lamiaceae
- CDDCFF
≈ Arc Light
- FFCCDC
≈ Linnet Egg Red
- FFD776
≈ Honey Glaze
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.29:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.25:1 · APCA Lc 90
가장 좋은 글자색: #000000
WCAG 16.25:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--lamiaceae: #3afddb;
--lamiaceae-rgb: 58 253 219;
--lamiaceae-oklch: oklch(0.894 0.155 177.4);
}
.element {
color: var(--lamiaceae);
background-color: hsl(170 98% 61%);
border-color: oklch(0.894 0.155 177.4);
}Tailwind CSS v4
@theme {
--color-lamiaceae: #3afddb;
--color-lamiaceae-50: #c5fff6;
--color-lamiaceae-100: #aefae9;
--color-lamiaceae-200: #84ead6;
--color-lamiaceae-300: #44d1b9;
--color-lamiaceae-400: #00bb9d;
--color-lamiaceae-500: #00a585;
--color-lamiaceae-600: #008c71;
--color-lamiaceae-700: #00705a;
--color-lamiaceae-800: #005340;
--color-lamiaceae-900: #003a2c;
--color-lamiaceae-950: #002419;
}SCSS
$lamiaceae: #3afddb;
$lamiaceae-rgb: 58, 253, 219;
$lamiaceae-light: mix(#fff, $lamiaceae, 20%);
$lamiaceae-dark: mix(#000, $lamiaceae, 20%);
.element {
color: $lamiaceae;
box-shadow: 0 0 0 2px rgba($lamiaceae, 0.35);
}