가장 가까운 이름 색상 · #9FCBE5
#9FCBE5
가장 가까운 이름 색상: Fail Whale
#9FCBE5(rgb(159 203 229), hsl(202 57% 76%), oklch(0.82 0.059 234.4))와 가장 가까운 이름 색상은 Fail Whale입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#9FCBE5
oklch(0.82 0.059 234.4)
색상 변환
- HEX
- #9fcbe5
- RGB
- rgb(159 203 229)
- HSL
- hsl(202 57% 76%)
- HWB
- hwb(202 62% 10%)
- OKLCH
- oklch(0.82 0.059 234.4)
- OKLab
- oklab(0.82 -0.034 -0.048)
- CIE Lab
- lab(79.2 -10.46 -17.92)
- LCH
- lch(79.2 20.74 239.7)
- CMYK
- cmyk(31% 11% 0% 10%)
틴트 · 셰이드 · 톤
틴트
- A9D0E8
- B2D5EA
- BCDBED
- C6E0F0
- CFE5F2
- D9EAF5
- E2EFF7
- ECF5FA
- F5FAFD
셰이드
- 8AB0C7
- 7596AA
- 617D8E
- 4D6572
- 3B4D58
- 29373F
- 182228
- 090F12
- 010203
톤
- 9CC3DB
- 99BCD0
- 96B4C6
- 93ACBC
- 90A5B1
- 8D9DA7
- 8A969D
- 878F93
- 83878A
색 조화
보색 +180°
- 9FCBE5
Fail Whale
- E3BAA0
≈ Warming Peach
유사색 -30° +30°
- 9FCBE5
Fail Whale
- 97D0D6
≈ Aroma Blue
- B1C4EB
≈ Promise Keeping
삼각 배색 +120° +240°
- 9FCBE5
Fail Whale
- E4B5C6
≈ Japanese Rose Garden
- C3C99D
≈ Seedling
분열 보색 +150° +210°
- 9FCBE5
Fail Whale
- E8B6B1
≈ Pensive Pink
- D6C299
≈ Grain Mill
사각 배색 +90° +180° +270°
- 9FCBE5
Fail Whale
- D8B7DA
≈ French Lilac
- E3BAA0
≈ Warming Peach
- ADCFAC
≈ Garden Room
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.72:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.14:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.14:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--fail-whale: #9fcbe5;
--fail-whale-rgb: 159 203 229;
--fail-whale-oklch: oklch(0.82 0.059 234.4);
}
.element {
color: var(--fail-whale);
background-color: hsl(202 57% 76%);
border-color: oklch(0.82 0.059 234.4);
}Tailwind CSS v4
@theme {
--color-fail-whale: #9fcbe5;
--color-fail-whale-50: #e6f8ff;
--color-fail-whale-100: #d6ebf9;
--color-fail-whale-200: #bdd9eb;
--color-fail-whale-300: #9bbdd2;
--color-fail-whale-400: #7ca5bd;
--color-fail-whale-500: #5e8da8;
--color-fail-whale-600: #50778e;
--color-fail-whale-700: #405f72;
--color-fail-whale-800: #2d4654;
--color-fail-whale-900: #1e313a;
--color-fail-whale-950: #0e1d24;
}SCSS
$fail-whale: #9fcbe5;
$fail-whale-rgb: 159, 203, 229;
$fail-whale-light: mix(#fff, $fail-whale, 20%);
$fail-whale-dark: mix(#000, $fail-whale, 20%);
.element {
color: $fail-whale;
box-shadow: 0 0 0 2px rgba($fail-whale, 0.35);
}