이름 색상 · #A0E3E0
Everest
Everest은(는) #A0E3E0: rgb(160 227 224), hsl(177 54% 76%), oklch(0.87 0.067 192.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Everest color name →
#A0E3E0
oklch(0.87 0.067 192.5)
색상 변환
- HEX
- #a0e3e0
- RGB
- rgb(160 227 224)
- HSL
- hsl(177 54% 76%)
- HWB
- hwb(177 63% 11%)
- OKLCH
- oklch(0.87 0.067 192.5)
- OKLab
- oklab(0.87 -0.066 -0.015)
- CIE Lab
- lab(85.71 -22.3 -5.66)
- LCH
- lch(85.71 23 194.2)
- CMYK
- cmyk(30% 0% 1% 11%)
틴트 · 셰이드 · 톤
틴트
- AAE6E3
- B4E9E6
- BEECE9
- C8EEEC
- D1F1EF
- DAF4F3
- E4F7F6
- EDFAF9
- F6FCFC
셰이드
- 8BC5C3
- 76A8A6
- 618C8A
- 4E7170
- 3B5756
- 293F3E
- 192727
- 091212
- 010302
톤
- 9DD9D6
- 9BCFCC
- 98C4C2
- 95BAB8
- 92B0AF
- 8EA7A5
- 8B9D9C
- 879392
- 848A89
색 조화
보색 +180°
- A0E3E0
Everest
- FDC3C8
≈ Crystal Rose
유사색 -30° +30°
- A0E3E0
Everest
- ADE3C7
≈ Fabulous Find
- A4DFF5
≈ Van Gogh Blue
삼각 배색 +120° +240°
- A0E3E0
Everest
- E4C8F5
≈ Foggy Heath
- F0CEA4
≈ Crumble Topping
분열 보색 +150° +210°
- A0E3E0
Everest
- F5C3E0
≈ Rosy Nectar
- FCC7B2
≈ Malibu Peach
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.44:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.55:1 · APCA Lc 82
가장 좋은 글자색: #000000
WCAG 14.55:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--everest: #a0e3e0;
--everest-rgb: 160 227 224;
--everest-oklch: oklch(0.87 0.067 192.5);
}
.element {
color: var(--everest);
background-color: hsl(177 54% 76%);
border-color: oklch(0.87 0.067 192.5);
}Tailwind CSS v4
@theme {
--color-everest: #a0e3e0;
--color-everest-50: #e0fcfb;
--color-everest-100: #cfefef;
--color-everest-200: #b4dedd;
--color-everest-300: #8fc3c2;
--color-everest-400: #6eaba9;
--color-everest-500: #4a9492;
--color-everest-600: #407e7b;
--color-everest-700: #336563;
--color-everest-800: #244a48;
--color-everest-900: #183332;
--color-everest-950: #081f1e;
}SCSS
$everest: #a0e3e0;
$everest-rgb: 160, 227, 224;
$everest-light: mix(#fff, $everest, 20%);
$everest-dark: mix(#000, $everest, 20%);
.element {
color: $everest;
box-shadow: 0 0 0 2px rgba($everest, 0.35);
}