이름 색상 · #5D9AA6
Frost Blue
Frost Blue은(는) #5D9AA6: rgb(93 154 166), hsl(190 29% 51%), oklch(0.649 0.066 211.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Frost Blue color name →
#5D9AA6
oklch(0.649 0.066 211.5)
색상 변환
- HEX
- #5d9aa6
- RGB
- rgb(93 154 166)
- HSL
- hsl(190 29% 51%)
- HWB
- hwb(190 36% 35%)
- OKLCH
- oklch(0.649 0.066 211.5)
- OKLab
- oklab(0.649 -0.056 -0.034)
- CIE Lab
- lab(59.81 -18.15 -12.86)
- LCH
- lch(59.81 22.25 215.3)
- CMYK
- cmyk(44% 7% 0% 35%)
틴트 · 셰이드 · 톤
틴트
- 6EA4AF
- 7EAEB7
- 8EB8C0
- 9EC2C9
- AECCD2
- BED6DB
- CEE0E4
- DEEAED
- EFF5F6
셰이드
- 508590
- 43717A
- 375E65
- 2A4B51
- 1F393E
- 14272B
- 0A171A
- 03090A
- 000101
톤
- 6297A2
- 66959E
- 6A929B
- 6E9097
- 718D93
- 758B8F
- 78888B
- 7B8588
- 7D8384
색 조화
보색 +180°
- 5D9AA6
Frost Blue
- B38076
≈ Sauvignon Blanc
유사색 -30° +30°
- 5D9AA6
Frost Blue
- 609C92
≈ Goose Pond Green
- 6B94B4
≈ Aragonite Blue
삼각 배색 +120° +240°
- 5D9AA6
Frost Blue
- A781A1
≈ Pink Plumeria
- 9E8E60
≈ Pineapple Sage
분열 보색 +150° +210°
- 5D9AA6
Frost Blue
- B17E8C
≈ Degas Pink
- AD8666
≈ Chamois Leather
사각 배색 +90° +180° +270°
- 5D9AA6
Frost Blue
- 9686B1
≈ Silk Lilac
- B38076
≈ Sauvignon Blanc
- 889668
≈ Cactus Valley
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.16:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.63:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.63:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--frost-blue: #5d9aa6;
--frost-blue-rgb: 93 154 166;
--frost-blue-oklch: oklch(0.649 0.066 211.5);
}
.element {
color: var(--frost-blue);
background-color: hsl(190 29% 51%);
border-color: oklch(0.649 0.066 211.5);
}Tailwind CSS v4
@theme {
--color-frost-blue: #5d9aa6;
--color-frost-blue-50: #e1fbff;
--color-frost-blue-100: #d0eef5;
--color-frost-blue-200: #b5dce5;
--color-frost-blue-300: #91c1cc;
--color-frost-blue-400: #70a9b5;
--color-frost-blue-500: #4d929f;
--color-frost-blue-600: #427b87;
--color-frost-blue-700: #35636c;
--color-frost-blue-800: #25494f;
--color-frost-blue-900: #183237;
--color-frost-blue-950: #091e22;
}SCSS
$frost-blue: #5d9aa6;
$frost-blue-rgb: 93, 154, 166;
$frost-blue-light: mix(#fff, $frost-blue, 20%);
$frost-blue-dark: mix(#000, $frost-blue, 20%);
.element {
color: $frost-blue;
box-shadow: 0 0 0 2px rgba($frost-blue, 0.35);
}