가장 가까운 이름 색상 · #7CB8FB
#7CB8FB
가장 가까운 이름 색상: Cooler Than Ever
#7CB8FB(rgb(124 184 251), hsl(212 94% 74%), oklch(0.768 0.115 252))와 가장 가까운 이름 색상은 Cooler Than Ever입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#7CB8FB
oklch(0.768 0.115 252)
색상 변환
- HEX
- #7cb8fb
- RGB
- rgb(124 184 251)
- HSL
- hsl(212 94% 74%)
- HWB
- hwb(212 49% 2%)
- OKLCH
- oklch(0.768 0.115 252)
- OKLab
- oklab(0.768 -0.035 -0.11)
- CIE Lab
- lab(72.69 -6.15 -39.8)
- LCH
- lch(72.69 40.28 261.2)
- CMYK
- cmyk(51% 27% 0% 2%)
틴트 · 셰이드 · 톤
틴트
- 8ABFFC
- 97C7FD
- A4CEFD
- B1D5FE
- BEDCFF
- CBE3FF
- D8EAFF
- E5F1FF
- F2F8FF
셰이드
- 6BA0DA
- 5A88BA
- 4A719C
- 3B5B7E
- 2C4561
- 1E3146
- 111E2D
- 050C15
- 010203
톤
- 7DB3EE
- 7EADE2
- 7FA7D5
- 80A2C9
- 809CBD
- 8097B0
- 8091A4
- 808B98
- 80868C
색 조화
보색 +180°
- 7CB8FB
Cooler Than Ever
- E1A75C
≈ Earth Yellow
유사색 -30° +30°
- 7CB8FB
Cooler Than Ever
- 50C4E8
≈ Clean Pool
- A8AAFB
≈ Shy Moment
삼각 배색 +120° +240°
- 7CB8FB
Cooler Than Ever
- F394A0
≈ Cherry Foam
- 98C375
≈ Lime Parfait
분열 보색 +150° +210°
- 7CB8FB
Cooler Than Ever
- F29A78
≈ Orange Pecan
- C2B65A
≈ Tarpon Green
사각 배색 +90° +180° +270°
- 7CB8FB
Cooler Than Ever
- E696C8
≈ Crepe Myrtle
- E1A75C
≈ Earth Yellow
- 68CB9D
≈ Intense Jade
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.07:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.10:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.10:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--cooler-than-ever: #7cb8fb;
--cooler-than-ever-rgb: 124 184 251;
--cooler-than-ever-oklch: oklch(0.768 0.115 252);
}
.element {
color: var(--cooler-than-ever);
background-color: hsl(212 94% 74%);
border-color: oklch(0.768 0.115 252);
}Tailwind CSS v4
@theme {
--color-cooler-than-ever: #7cb8fb;
--color-cooler-than-ever-50: #dff8ff;
--color-cooler-than-ever-100: #ceebff;
--color-cooler-than-ever-200: #b3d8ff;
--color-cooler-than-ever-300: #8ebbf2;
--color-cooler-than-ever-400: #6aa2e1;
--color-cooler-than-ever-500: #4889d0;
--color-cooler-than-ever-600: #3e74af;
--color-cooler-than-ever-700: #315d8d;
--color-cooler-than-ever-800: #204568;
--color-cooler-than-ever-900: #152f49;
--color-cooler-than-ever-950: #061c30;
}SCSS
$cooler-than-ever: #7cb8fb;
$cooler-than-ever-rgb: 124, 184, 251;
$cooler-than-ever-light: mix(#fff, $cooler-than-ever, 20%);
$cooler-than-ever-dark: mix(#000, $cooler-than-ever, 20%);
.element {
color: $cooler-than-ever;
box-shadow: 0 0 0 2px rgba($cooler-than-ever, 0.35);
}