가장 가까운 이름 색상 · #AFBDDC
#AFBDDC
가장 가까운 이름 색상: Over the Moon
#AFBDDC(rgb(175 189 220), hsl(221 39% 77%), oklch(0.798 0.047 266.1))와 가장 가까운 이름 색상은 Over the Moon입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#AFBDDC
oklch(0.798 0.047 266.1)
색상 변환
- HEX
- #afbddc
- RGB
- rgb(175 189 220)
- HSL
- hsl(221 39% 77%)
- HWB
- hwb(221 69% 14%)
- OKLCH
- oklch(0.798 0.047 266.1)
- OKLab
- oklab(0.798 -0.003 -0.047)
- CIE Lab
- lab(76.29 -0.07 -17.32)
- LCH
- lch(76.29 17.32 269.8)
- CMYK
- cmyk(20% 14% 0% 14%)
틴트 · 셰이드 · 톤
틴트
- B7C3E0
- BFCAE3
- C6D1E7
- CED7EA
- D6DEEE
- DEE4F1
- E6EBF5
- EFF2F8
- F7F8FC
셰이드
- 98A4BF
- 818CA3
- 6B7488
- 565D6E
- 414754
- 2E333C
- 1C1F26
- 0B0D11
- 010202
톤
- AAB7D2
- A5B1C9
- A1AAC0
- 9CA4B6
- 979EAD
- 9398A4
- 8E929B
- 898C92
- 858689
색 조화
보색 +180°
- AFBDDC
Over the Moon
- CABC9B
≈ Intimate Journal
유사색 -30° +30°
- AFBDDC
Over the Moon
- A1C2D7
≈ Blue Bows
- BFB7D8
≈ Tinted Iris
삼각 배색 +120° +240°
- AFBDDC
Over the Moon
- DAB2AD
≈ Borlotti Bean
- ABC6AC
≈ Pastel Meadow
분열 보색 +150° +210°
- AFBDDC
Over the Moon
- D5B6A1
≈ Kraft Paper
- BBC19F
≈ Animal Kingdom
사각 배색 +90° +180° +270°
- AFBDDC
Over the Moon
- D7B1BE
≈ Mauvelous
- CABC9B
≈ Intimate Journal
- 9EC7BC
≈ New-Age Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.88:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.13:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.13:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--over-the-moon: #afbddc;
--over-the-moon-rgb: 175 189 220;
--over-the-moon-oklch: oklch(0.798 0.047 266.1);
}
.element {
color: var(--over-the-moon);
background-color: hsl(221 39% 77%);
border-color: oklch(0.798 0.047 266.1);
}Tailwind CSS v4
@theme {
--color-over-the-moon: #afbddc;
--color-over-the-moon-50: #eff5ff;
--color-over-the-moon-100: #e1e8f8;
--color-over-the-moon-200: #ccd4e9;
--color-over-the-moon-300: #adb7d0;
--color-over-the-moon-400: #929ebb;
--color-over-the-moon-500: #7886a6;
--color-over-the-moon-600: #65718c;
--color-over-the-moon-700: #515b70;
--color-over-the-moon-800: #3a4253;
--color-over-the-moon-900: #282e3a;
--color-over-the-moon-950: #161b24;
}SCSS
$over-the-moon: #afbddc;
$over-the-moon-rgb: 175, 189, 220;
$over-the-moon-light: mix(#fff, $over-the-moon, 20%);
$over-the-moon-dark: mix(#000, $over-the-moon, 20%);
.element {
color: $over-the-moon;
box-shadow: 0 0 0 2px rgba($over-the-moon, 0.35);
}