가장 가까운 이름 색상 · #7EBBF9
#7EBBF9
가장 가까운 이름 색상: Cooler Than Ever
#7EBBF9(rgb(126 187 249), hsl(210 91% 74%), oklch(0.775 0.109 249.8))와 가장 가까운 이름 색상은 Cooler Than Ever입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#7EBBF9
oklch(0.775 0.109 249.8)
색상 변환
- HEX
- #7ebbf9
- RGB
- rgb(126 187 249)
- HSL
- hsl(210 91% 74%)
- HWB
- hwb(210 49% 2%)
- OKLCH
- oklch(0.775 0.109 249.8)
- OKLab
- oklab(0.775 -0.038 -0.103)
- CIE Lab
- lab(73.55 -7.62 -37.39)
- LCH
- lch(73.55 38.16 258.5)
- CMYK
- cmyk(49% 25% 0% 2%)
틴트 · 셰이드 · 톤
틴트
- 8BC2FA
- 99C9FB
- A5D0FC
- B2D7FD
- BFDEFD
- CCE4FE
- D9EBFE
- E5F2FF
- F2F8FF
셰이드
- 6DA2D9
- 5C8AB9
- 4C739A
- 3C5C7D
- 2D4661
- 1F3246
- 111F2C
- 050D15
- 010203
톤
- 7FB5ED
- 80AFE0
- 80A9D4
- 81A4C8
- 819EBC
- 8198B0
- 8192A4
- 818C98
- 81868C
색 조화
보색 +180°
- 7EBBF9
Cooler Than Ever
- E3A965
≈ Earth Yellow
유사색 -30° +30°
- 7EBBF9
Cooler Than Ever
- 58C6E6
≈ Candid Blue
- A8AEFB
≈ Shy Moment
삼각 배색 +120° +240°
- 7EBBF9
Cooler Than Ever
- F298A6
≈ Piggy
- 9FC478
≈ Opaline Green
분열 보색 +150° +210°
- 7EBBF9
Cooler Than Ever
- F29D80
≈ Cumquat Cream
- C6B761
≈ Almond Puff
사각 배색 +90° +180° +270°
- 7EBBF9
Cooler Than Ever
- E59ACC
≈ Blossoms in Spring
- E3A965
≈ Earth Yellow
- 72CB9D
≈ Jocose Jade
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.02:1 · APCA Lc 39
Ag
AAA검은색 위
WCAG 10.36:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.36:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
CSS
:root {
--cooler-than-ever: #7ebbf9;
--cooler-than-ever-rgb: 126 187 249;
--cooler-than-ever-oklch: oklch(0.775 0.109 249.8);
}
.element {
color: var(--cooler-than-ever);
background-color: hsl(210 91% 74%);
border-color: oklch(0.775 0.109 249.8);
}Tailwind CSS v4
@theme {
--color-cooler-than-ever: #7ebbf9;
--color-cooler-than-ever-50: #dff8ff;
--color-cooler-than-ever-100: #ceebff;
--color-cooler-than-ever-200: #b3d8ff;
--color-cooler-than-ever-300: #8ebbee;
--color-cooler-than-ever-400: #6aa3dd;
--color-cooler-than-ever-500: #478acb;
--color-cooler-than-ever-600: #3d75ac;
--color-cooler-than-ever-700: #315e8a;
--color-cooler-than-ever-800: #204566;
--color-cooler-than-ever-900: #153048;
--color-cooler-than-ever-950: #061c2f;
}SCSS
$cooler-than-ever: #7ebbf9;
$cooler-than-ever-rgb: 126, 187, 249;
$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);
}