이름 색상 · #4596CF
Perfect Sky
Perfect Sky은(는) #4596CF: rgb(69 150 207), hsl(205 59% 54%), oklch(0.648 0.116 242.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Perfect Sky color name →
#4596CF
oklch(0.648 0.116 242.3)
색상 변환
- HEX
- #4596cf
- RGB
- rgb(69 150 207)
- HSL
- hsl(205 59% 54%)
- HWB
- hwb(205 27% 19%)
- OKLCH
- oklch(0.648 0.116 242.3)
- OKLab
- oklab(0.648 -0.054 -0.103)
- CIE Lab
- lab(58.95 -11.76 -37.27)
- LCH
- lch(58.95 39.09 252.5)
- CMYK
- cmyk(67% 28% 0% 19%)
틴트 · 셰이드 · 톤
틴트
- 5AA1D4
- 6EABDA
- 81B6DF
- 93C0E4
- A5CBE8
- B7D5ED
- C9E0F2
- DBEAF6
- EDF5FB
셰이드
- 3B82B4
- 316E99
- 275B7F
- 1E4967
- 15374F
- 0C2638
- 051623
- 020810
- 000102
톤
- 4E94C7
- 5592BF
- 5C90B8
- 628EB0
- 688CA8
- 6E8AA0
- 738798
- 778590
- 7C8388
색 조화
보색 +180°
- 4596CF
Perfect Sky
- C07D3C
≈ Beeswax Candle
유사색 -30° +30°
- 4596CF
Perfect Sky
- 00A0B7
≈ January Blue
- 7689D5
≈ Tanzine
삼각 배색 +120° +240°
- 4596CF
Perfect Sky
- C86E88
≈ Silk Ribbon
- 829943
≈ Café de Paris
분열 보색 +150° +210°
- 4596CF
Perfect Sky
- CB7260
≈ It’s My Party
- A88C2B
≈ Faint Green
사각 배색 +90° +180° +270°
- 4596CF
Perfect Sky
- B873AE
≈ Eccentric Magenta
- C07D3C
≈ Beeswax Candle
- 51A36B
≈ Mosaic Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.22:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.51:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.51:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--perfect-sky: #4596cf;
--perfect-sky-rgb: 69 150 207;
--perfect-sky-oklch: oklch(0.648 0.116 242.3);
}
.element {
color: var(--perfect-sky);
background-color: hsl(205 59% 54%);
border-color: oklch(0.648 0.116 242.3);
}Tailwind CSS v4
@theme {
--color-perfect-sky: #4596cf;
--color-perfect-sky-50: #dafaff;
--color-perfect-sky-100: #c8edff;
--color-perfect-sky-200: #aadaff;
--color-perfect-sky-300: #83beef;
--color-perfect-sky-400: #5ba6dd;
--color-perfect-sky-500: #2f8ecc;
--color-perfect-sky-600: #2a78ac;
--color-perfect-sky-700: #21608a;
--color-perfect-sky-800: #134766;
--color-perfect-sky-900: #0c3148;
--color-perfect-sky-950: #011d2f;
}SCSS
$perfect-sky: #4596cf;
$perfect-sky-rgb: 69, 150, 207;
$perfect-sky-light: mix(#fff, $perfect-sky, 20%);
$perfect-sky-dark: mix(#000, $perfect-sky, 20%);
.element {
color: $perfect-sky;
box-shadow: 0 0 0 2px rgba($perfect-sky, 0.35);
}