이름 색상 · #4586C7
Casting Sea
Casting Sea은(는) #4586C7: rgb(69 134 199), hsl(210 54% 53%), oklch(0.607 0.12 250.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Casting Sea color name →
#4586C7
oklch(0.607 0.12 250.4)
색상 변환
- HEX
- #4586c7
- RGB
- rgb(69 134 199)
- HSL
- hsl(210 54% 53%)
- HWB
- hwb(210 27% 22%)
- OKLCH
- oklch(0.607 0.12 250.4)
- OKLab
- oklab(0.607 -0.04 -0.113)
- CIE Lab
- lab(53.9 -5.56 -40.66)
- LCH
- lch(53.9 41.04 262.2)
- CMYK
- cmyk(65% 33% 0% 22%)
틴트 · 셰이드 · 톤
틴트
- 5992CD
- 6B9ED3
- 7EAAD9
- 90B6DF
- A2C2E5
- B5CEEA
- C7DBF0
- DAE7F5
- ECF3FA
셰이드
- 3B74AD
- 316293
- 27517A
- 1E4062
- 15304C
- 0C2136
- 051321
- 02060E
- 000102
톤
- 4D86C0
- 5486B9
- 5A85B2
- 6085AB
- 6684A4
- 6C849D
- 718396
- 76828F
- 7B8187
색 조화
보색 +180°
- 4586C7
Casting Sea
- AF741F
≈ Hamtaro Brown
유사색 -30° +30°
- 4586C7
Casting Sea
- 0091B0
≈ Cool Tide
- 7579C8
≈ Kickstart Purple
삼각 배색 +120° +240°
- 4586C7
Casting Sea
- BE6171
≈ Candy Drop
- 69903E
≈ Mary’s Garden
분열 보색 +150° +210°
- 4586C7
Casting Sea
- BD6748
≈ Dirt Track
- 938317
≈ Thicket Green
사각 배색 +90° +180° +270°
- 4586C7
Casting Sea
- B16498
≈ Bodacious
- AF741F
≈ Hamtaro Brown
- 2D986A
≈ Starship Trooper
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.82:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.48:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.48:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--casting-sea: #4586c7;
--casting-sea-rgb: 69 134 199;
--casting-sea-oklch: oklch(0.607 0.12 250.4);
}
.element {
color: var(--casting-sea);
background-color: hsl(210 54% 53%);
border-color: oklch(0.607 0.12 250.4);
}Tailwind CSS v4
@theme {
--color-casting-sea: #4586c7;
--color-casting-sea-50: #ddf8ff;
--color-casting-sea-100: #ccebff;
--color-casting-sea-200: #b0d8ff;
--color-casting-sea-300: #8bbbf3;
--color-casting-sea-400: #65a3e3;
--color-casting-sea-500: #408ad2;
--color-casting-sea-600: #3875b1;
--color-casting-sea-700: #2c5e8e;
--color-casting-sea-800: #1c456a;
--color-casting-sea-900: #12304a;
--color-casting-sea-950: #041c31;
}SCSS
$casting-sea: #4586c7;
$casting-sea-rgb: 69, 134, 199;
$casting-sea-light: mix(#fff, $casting-sea, 20%);
$casting-sea-dark: mix(#000, $casting-sea, 20%);
.element {
color: $casting-sea;
box-shadow: 0 0 0 2px rgba($casting-sea, 0.35);
}