이름 색상 · #78D8D9
Andes Sky
Andes Sky은(는) #78D8D9: rgb(120 216 217), hsl(181 56% 66%), oklch(0.824 0.091 196.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Andes Sky color name →
#78D8D9
oklch(0.824 0.091 196.4)
색상 변환
- HEX
- #78d8d9
- RGB
- rgb(120 216 217)
- HSL
- hsl(181 56% 66%)
- HWB
- hwb(181 47% 15%)
- OKLCH
- oklch(0.824 0.091 196.4)
- OKLab
- oklab(0.824 -0.087 -0.026)
- CIE Lab
- lab(80.52 -29.47 -9.84)
- LCH
- lch(80.52 31.07 198.5)
- CMYK
- cmyk(45% 0% 0% 15%)
틴트 · 셰이드 · 톤
틴트
- 88DCDD
- 97E0E1
- A5E4E4
- B2E8E8
- C0ECEC
- CDF0F0
- DAF4F4
- E6F7F7
- F3FBFB
셰이드
- 67BCBC
- 57A0A1
- 488586
- 396B6C
- 2A5353
- 1D3B3B
- 102525
- 051111
- 010202
톤
- 7BCFD0
- 7DC6C7
- 7FBDBD
- 80B4B4
- 81ABAC
- 82A3A3
- 829A9A
- 819191
- 818989
색 조화
보색 +180°
- 78D8D9
Andes Sky
- FBADB1
≈ Apricot Haze
유사색 -30° +30°
- 78D8D9
Andes Sky
- 8AD9B8
≈ Āsmānī Sky
- 82D2F3
≈ Kul Sharif Blue
삼각 배색 +120° +240°
- 78D8D9
Andes Sky
- DDB3ED
≈ Pink Illusion
- E7BE81
≈ Oats and Honey
분열 보색 +150° +210°
- 78D8D9
Andes Sky
- F2AED1
≈ Changeling Pink
- F7B393
≈ Guava Juice
사각 배색 +90° +180° +270°
- 78D8D9
Andes Sky
- C0BDFE
≈ Dried Lilac
- FBADB1
≈ Apricot Haze
- CCCA83
≈ Chimes
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.66:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.62:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.62:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--andes-sky: #78d8d9;
--andes-sky-rgb: 120 216 217;
--andes-sky-oklch: oklch(0.824 0.091 196.4);
}
.element {
color: var(--andes-sky);
background-color: hsl(181 56% 66%);
border-color: oklch(0.824 0.091 196.4);
}Tailwind CSS v4
@theme {
--color-andes-sky: #78d8d9;
--color-andes-sky-50: #d8feff;
--color-andes-sky-100: #c5f2f3;
--color-andes-sky-200: #a7e1e2;
--color-andes-sky-300: #7dc6c8;
--color-andes-sky-400: #54afb0;
--color-andes-sky-500: #1c989a;
--color-andes-sky-600: #1c8182;
--color-andes-sky-700: #176768;
--color-andes-sky-800: #0e4c4c;
--color-andes-sky-900: #093535;
--color-andes-sky-950: #002020;
}SCSS
$andes-sky: #78d8d9;
$andes-sky-rgb: 120, 216, 217;
$andes-sky-light: mix(#fff, $andes-sky, 20%);
$andes-sky-dark: mix(#000, $andes-sky, 20%);
.element {
color: $andes-sky;
box-shadow: 0 0 0 2px rgba($andes-sky, 0.35);
}