이름 색상 · #8DD8E7
Tanager Turquoise
Tanager Turquoise은(는) #8DD8E7: rgb(141 216 231), hsl(190 65% 73%), oklch(0.838 0.077 211.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Tanager Turquoise color name →
#8DD8E7
oklch(0.838 0.077 211.6)
색상 변환
- HEX
- #8dd8e7
- RGB
- rgb(141 216 231)
- HSL
- hsl(190 65% 73%)
- HWB
- hwb(190 55% 9%)
- OKLCH
- oklch(0.838 0.077 211.6)
- OKLab
- oklab(0.838 -0.066 -0.04)
- CIE Lab
- lab(81.84 -21.38 -15.17)
- LCH
- lch(81.84 26.21 215.4)
- CMYK
- cmyk(39% 6% 0% 9%)
틴트 · 셰이드 · 톤
틴트
- 99DCE9
- A6E0EC
- B1E4EE
- BDE8F1
- C8ECF3
- D3F0F6
- DEF4F8
- E9F7FA
- F4FBFD
셰이드
- 7ABCC9
- 67A0AB
- 55858F
- 446B73
- 335359
- 233B40
- 142528
- 071113
- 010203
톤
- 8DCFDC
- 8CC6D2
- 8BBDC7
- 8AB4BD
- 89ABB2
- 88A2A8
- 869A9E
- 849194
- 82898A
색 조화
보색 +180°
- 8DD8E7
Tanager Turquoise
- F8B8AB
≈ Pink Mimosa
유사색 -30° +30°
- 8DD8E7
Tanager Turquoise
- 90DBCD
≈ Bambino
- 9DD1F8
≈ Long Island Sound
삼각 배색 +120° +240°
- 8DD8E7
Tanager Turquoise
- E8B8E1
≈ Pink Drink
- DCC990
≈ Asparagus Yellow
분열 보색 +150° +210°
- 8DD8E7
Tanager Turquoise
- F6B6C6
≈ Love Spell
- EFBF97
≈ Word of Mouth
사각 배색 +90° +180° +270°
- 8DD8E7
Tanager Turquoise
- D3BFF5
≈ Connecticut Lilac
- F8B8AB
≈ Pink Mimosa
- C2D29A
≈ Cricket Field
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.60:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.10:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.10:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--tanager-turquoise: #8dd8e7;
--tanager-turquoise-rgb: 141 216 231;
--tanager-turquoise-oklch: oklch(0.838 0.077 211.6);
}
.element {
color: var(--tanager-turquoise);
background-color: hsl(190 65% 73%);
border-color: oklch(0.838 0.077 211.6);
}Tailwind CSS v4
@theme {
--color-tanager-turquoise: #8dd8e7;
--color-tanager-turquoise-50: #ddfbff;
--color-tanager-turquoise-100: #cceff8;
--color-tanager-turquoise-200: #afdde8;
--color-tanager-turquoise-300: #89c2cf;
--color-tanager-turquoise-400: #65abb9;
--color-tanager-turquoise-500: #3e94a4;
--color-tanager-turquoise-600: #367d8a;
--color-tanager-turquoise-700: #2b646f;
--color-tanager-turquoise-800: #1d4a51;
--color-tanager-turquoise-900: #133338;
--color-tanager-turquoise-950: #051f23;
}SCSS
$tanager-turquoise: #8dd8e7;
$tanager-turquoise-rgb: 141, 216, 231;
$tanager-turquoise-light: mix(#fff, $tanager-turquoise, 20%);
$tanager-turquoise-dark: mix(#000, $tanager-turquoise, 20%);
.element {
color: $tanager-turquoise;
box-shadow: 0 0 0 2px rgba($tanager-turquoise, 0.35);
}