이름 색상 · #8CCEEA
Anakiwa
Anakiwa은(는) #8CCEEA: rgb(140 206 234), hsl(198 69% 73%), oklch(0.817 0.077 226.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Anakiwa color name →
#8CCEEA
oklch(0.817 0.077 226.5)
색상 변환
- HEX
- #8cceea
- RGB
- rgb(140 206 234)
- HSL
- hsl(198 69% 73%)
- HWB
- hwb(198 55% 8%)
- OKLCH
- oklch(0.817 0.077 226.5)
- OKLab
- oklab(0.817 -0.053 -0.056)
- CIE Lab
- lab(79.08 -16.4 -20.89)
- LCH
- lch(79.08 26.56 231.9)
- CMYK
- cmyk(40% 12% 0% 8%)
틴트 · 셰이드 · 톤
틴트
- 98D3EC
- A4D8EE
- B0DDF1
- BBE2F3
- C7E7F5
- D2ECF7
- DDF0F9
- E9F5FB
- F4FAFD
셰이드
- 79B3CB
- 6798AE
- 557F91
- 436675
- 334E5A
- 233841
- 142329
- 070F13
- 010203
톤
- 8CC6DF
- 8BBED4
- 8AB6C9
- 89AEBF
- 88A6B4
- 879FA9
- 85979F
- 848F94
- 82888A
색 조화
보색 +180°
- 8CCEEA
Anakiwa
- EEB499
≈ Crab Bisque
유사색 -30° +30°
- 8CCEEA
Anakiwa
- 85D3D4
≈ Mountain Lake Blue
- A3C6F5
≈ Baby Blue Eyes
삼각 배색 +120° +240°
- 8CCEEA
Anakiwa
- E9AFCD
≈ Roses in the Snow
- C9C78C
≈ Creamy Spinaci
분열 보색 +150° +210°
- 8CCEEA
Anakiwa
- F1AFB2
≈ Brain Pink
- E0BD8A
≈ Bag of Gold
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.73:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.13:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.13:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--anakiwa: #8cceea;
--anakiwa-rgb: 140 206 234;
--anakiwa-oklch: oklch(0.817 0.077 226.5);
}
.element {
color: var(--anakiwa);
background-color: hsl(198 69% 73%);
border-color: oklch(0.817 0.077 226.5);
}Tailwind CSS v4
@theme {
--color-anakiwa: #8cceea;
--color-anakiwa-50: #dffaff;
--color-anakiwa-100: #ceeefd;
--color-anakiwa-200: #b3dbef;
--color-anakiwa-300: #8ec0d7;
--color-anakiwa-400: #6ba8c2;
--color-anakiwa-500: #4791ae;
--color-anakiwa-600: #3d7a93;
--color-anakiwa-700: #316276;
--color-anakiwa-800: #214856;
--color-anakiwa-900: #16323c;
--color-anakiwa-950: #071e26;
}SCSS
$anakiwa: #8cceea;
$anakiwa-rgb: 140, 206, 234;
$anakiwa-light: mix(#fff, $anakiwa, 20%);
$anakiwa-dark: mix(#000, $anakiwa, 20%);
.element {
color: $anakiwa;
box-shadow: 0 0 0 2px rgba($anakiwa, 0.35);
}