이름 색상 · #81C3B4
Holiday
Holiday은(는) #81C3B4: rgb(129 195 180), hsl(166 35% 64%), oklch(0.769 0.071 178.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Holiday color name →
#81C3B4
oklch(0.769 0.071 178.4)
색상 변환
- HEX
- #81c3b4
- RGB
- rgb(129 195 180)
- HSL
- hsl(166 35% 64%)
- HWB
- hwb(166 51% 24%)
- OKLCH
- oklch(0.769 0.071 178.4)
- OKLab
- oklab(0.769 -0.071 0.002)
- CIE Lab
- lab(74.04 -24.4 0.53)
- LCH
- lch(74.04 24.4 178.7)
- CMYK
- cmyk(34% 0% 8% 24%)
틴트 · 셰이드 · 톤
틴트
- 8EC9BB
- 9BCFC3
- A8D5CA
- B5DBD1
- C1E1D9
- CEE7E0
- DAEDE8
- E6F3F0
- F3F9F7
셰이드
- 6FA99C
- 5E9085
- 4E786E
- 3E6058
- 2E4A44
- 1F3430
- 12201D
- 060E0C
- 010202
톤
- 82BCAF
- 82B5A9
- 83AFA4
- 83A89F
- 83A19A
- 839A94
- 82948F
- 828D8A
- 818785
색 조화
보색 +180°
- 81C3B4
Holiday
- DAA1B3
≈ Gizmo
유사색 -30° +30°
- 81C3B4
Holiday
- 95C19B
≈ Delltone
- 7CC1CC
≈ Meltwater
삼각 배색 +120° +240°
- 81C3B4
Holiday
- B9AADB
≈ Purple Hibiscus
- D7A987
≈ Sweet Sue
분열 보색 +150° +210°
- 81C3B4
Holiday
- CDA4CB
≈ Geranium Bud
- DDA39A
≈ Quiet Pink
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.01:1 · APCA Lc 39
Ag
AAA검은색 위
WCAG 10.39:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.39:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
CSS
:root {
--holiday: #81c3b4;
--holiday-rgb: 129 195 180;
--holiday-oklch: oklch(0.769 0.071 178.4);
}
.element {
color: var(--holiday);
background-color: hsl(166 35% 64%);
border-color: oklch(0.769 0.071 178.4);
}Tailwind CSS v4
@theme {
--color-holiday: #81c3b4;
--color-holiday-50: #e0fcf6;
--color-holiday-100: #d0f0e9;
--color-holiday-200: #b4dfd5;
--color-holiday-300: #90c4b9;
--color-holiday-400: #6fad9f;
--color-holiday-500: #4c9686;
--color-holiday-600: #417f72;
--color-holiday-700: #34655b;
--color-holiday-800: #254a42;
--color-holiday-900: #19342d;
--color-holiday-950: #091f1a;
}SCSS
$holiday: #81c3b4;
$holiday-rgb: 129, 195, 180;
$holiday-light: mix(#fff, $holiday, 20%);
$holiday-dark: mix(#000, $holiday, 20%);
.element {
color: $holiday;
box-shadow: 0 0 0 2px rgba($holiday, 0.35);
}