가장 가까운 이름 색상 · #AFCDF6
#AFCDF6
가장 가까운 이름 색상: Night Snow
#AFCDF6(rgb(175 205 246), hsl(215 80% 83%), oklch(0.84 0.066 256.3))와 가장 가까운 이름 색상은 Night Snow입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#AFCDF6
oklch(0.84 0.066 256.3)
색상 변환
- HEX
- #afcdf6
- RGB
- rgb(175 205 246)
- HSL
- hsl(215 80% 83%)
- HWB
- hwb(215 69% 4%)
- OKLCH
- oklch(0.84 0.066 256.3)
- OKLab
- oklab(0.84 -0.016 -0.064)
- CIE Lab
- lab(81.23 -3.46 -23.77)
- LCH
- lch(81.23 24.02 261.7)
- CMYK
- cmyk(29% 17% 0% 4%)
틴트 · 셰이드 · 톤
틴트
- B7D2F7
- BFD7F8
- C7DCF9
- CFE1FA
- D7E6FB
- DFEBFC
- E7F0FD
- EFF5FE
- F7FAFE
셰이드
- 98B2D6
- 8198B7
- 6B7E98
- 56667B
- 414E5F
- 2E3845
- 1C232C
- 0B0F15
- 010203
톤
- AAC5EA
- A6BDDE
- A1B5D1
- 9CAEC6
- 97A6BA
- 939EAE
- 8E97A2
- 898F97
- 85878B
색 조화
보색 +180°
- AFCDF6
Night Snow
- E4C59B
≈ Faint Fawn
유사색 -30° +30°
- AFCDF6
Night Snow
- 9DD4EC
≈ Over the Sky
- C6C5F5
≈ Light Periwinkle
삼각 배색 +120° +240°
- AFCDF6
Night Snow
- F3BABC
≈ Petals Unfolding
- B7D5AA
≈ Bleached Spruce
분열 보색 +150° +210°
- AFCDF6
Night Snow
- F0BEA7
≈ Sun-Kissed Apricot
- D0CE9C
≈ Vegetarian Vulture
사각 배색 +90° +180° +270°
- AFCDF6
Night Snow
- ECBAD3
≈ Sweet Taffy
- E4C59B
≈ Faint Fawn
- A2D9C1
≈ Isabella’s Aqua
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.62:1 · APCA Lc 28
Ag
AAA검은색 위
WCAG 12.88:1 · APCA Lc 75
가장 좋은 글자색: #000000
WCAG 12.88:1 (AAA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--night-snow: #afcdf6;
--night-snow-rgb: 175 205 246;
--night-snow-oklch: oklch(0.84 0.066 256.3);
}
.element {
color: var(--night-snow);
background-color: hsl(215 80% 83%);
border-color: oklch(0.84 0.066 256.3);
}Tailwind CSS v4
@theme {
--color-night-snow: #afcdf6;
--color-night-snow-50: #eaf6ff;
--color-night-snow-100: #dbe9ff;
--color-night-snow-200: #c3d6f1;
--color-night-snow-300: #a3b9da;
--color-night-snow-400: #85a0c6;
--color-night-snow-500: #6988b2;
--color-night-snow-600: #597396;
--color-night-snow-700: #475c79;
--color-night-snow-800: #324459;
--color-night-snow-900: #222f3e;
--color-night-snow-950: #111b27;
}SCSS
$night-snow: #afcdf6;
$night-snow-rgb: 175, 205, 246;
$night-snow-light: mix(#fff, $night-snow, 20%);
$night-snow-dark: mix(#000, $night-snow, 20%);
.element {
color: $night-snow;
box-shadow: 0 0 0 2px rgba($night-snow, 0.35);
}