이름 색상 · #6AB5A4
Tropic Turquoise
Tropic Turquoise은(는) #6AB5A4: rgb(106 181 164), hsl(166 34% 56%), oklch(0.719 0.079 177.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Tropic Turquoise color name →
#6AB5A4
oklch(0.719 0.079 177.7)
색상 변환
- HEX
- #6ab5a4
- RGB
- rgb(106 181 164)
- HSL
- hsl(166 34% 56%)
- HWB
- hwb(166 42% 29%)
- OKLCH
- oklch(0.719 0.079 177.7)
- OKLab
- oklab(0.719 -0.079 0.003)
- CIE Lab
- lab(68.45 -27.5 0.98)
- LCH
- lch(68.45 27.52 178)
- CMYK
- cmyk(41% 0% 9% 29%)
틴트 · 셰이드 · 톤
틴트
- 7ABCAD
- 8AC4B6
- 99CBBF
- A8D3C8
- B6DAD1
- C5E1DA
- D3E9E3
- E2F0EC
- F0F8F6
셰이드
- 5B9D8E
- 4D8679
- 3F6F64
- 315950
- 24443D
- 18302B
- 0D1D1A
- 040C0A
- 000201
톤
- 6EB0A0
- 71AA9D
- 74A599
- 76A095
- 799A92
- 7A958E
- 7C908B
- 7E8B87
- 7F8584
색 조화
보색 +180°
- 6AB5A4
Tropic Turquoise
- CE90A4
≈ Kiss
유사색 -30° +30°
- 6AB5A4
Tropic Turquoise
- 83B288
≈ Peapod
- 64B3BE
≈ Sea Serenade
삼각 배색 +120° +240°
- 6AB5A4
Tropic Turquoise
- AA9AD0
≈ Biloba Flower
- CB9873
≈ Sweet Almond
분열 보색 +150° +210°
- 6AB5A4
Tropic Turquoise
- C093BE
≈ La la Love
- D29289
≈ Peach Preserve
사각 배색 +90° +180° +270°
- 6AB5A4
Tropic Turquoise
- 8FA3D7
≈ Azureno
- CE90A4
≈ Kiss
- B9A269
≈ Horn of Plenty
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.39:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.75:1 · APCA Lc 55
가장 좋은 글자색: #000000
WCAG 8.75:1 (AAA) · APCA Lc 55
Contrast pairs
코드 스니펫
CSS
:root {
--tropic-turquoise: #6ab5a4;
--tropic-turquoise-rgb: 106 181 164;
--tropic-turquoise-oklch: oklch(0.719 0.079 177.7);
}
.element {
color: var(--tropic-turquoise);
background-color: hsl(166 34% 56%);
border-color: oklch(0.719 0.079 177.7);
}Tailwind CSS v4
@theme {
--color-tropic-turquoise: #6ab5a4;
--color-tropic-turquoise-50: #defdf6;
--color-tropic-turquoise-100: #ccf1e9;
--color-tropic-turquoise-200: #b0e0d5;
--color-tropic-turquoise-300: #8ac5b9;
--color-tropic-turquoise-400: #68ae9e;
--color-tropic-turquoise-500: #429786;
--color-tropic-turquoise-600: #398071;
--color-tropic-turquoise-700: #2d675b;
--color-tropic-turquoise-800: #204b41;
--color-tropic-turquoise-900: #15342d;
--color-tropic-turquoise-950: #06201a;
}SCSS
$tropic-turquoise: #6ab5a4;
$tropic-turquoise-rgb: 106, 181, 164;
$tropic-turquoise-light: mix(#fff, $tropic-turquoise, 20%);
$tropic-turquoise-dark: mix(#000, $tropic-turquoise, 20%);
.element {
color: $tropic-turquoise;
box-shadow: 0 0 0 2px rgba($tropic-turquoise, 0.35);
}