이름 색상 · #5A6D77
Rolling Sea
Rolling Sea은(는) #5A6D77: rgb(90 109 119), hsl(201 14% 41%), oklch(0.523 0.028 230.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Rolling Sea color name →
#5A6D77
oklch(0.523 0.028 230.9)
색상 변환
- HEX
- #5a6d77
- RGB
- rgb(90 109 119)
- HSL
- hsl(201 14% 41%)
- HWB
- hwb(201 35% 53%)
- OKLCH
- oklch(0.523 0.028 230.9)
- OKLab
- oklab(0.523 -0.017 -0.021)
- CIE Lab
- lab(44.74 -5.51 -8.07)
- LCH
- lch(44.74 9.77 235.7)
- CMYK
- cmyk(24% 8% 0% 53%)
틴트 · 셰이드 · 톤
틴트
- 697B84
- 798891
- 89969E
- 99A5AB
- A9B3B9
- BAC2C6
- CBD1D4
- DCE0E2
- EDEFF1
셰이드
- 4D5E67
- 414F57
- 354147
- 293338
- 1E262A
- 13191C
- 090D10
- 030405
- 000101
톤
- 5E6F78
- 627179
- 65737A
- 69757B
- 6D777C
- 71787C
- 757A7D
- 787C7E
- 7C7E7F
색 조화
보색 +180°
- 5A6D77
Rolling Sea
- 77665C
≈ Sea Elephant
유사색 -30° +30°
- 5A6D77
Rolling Sea
- 576F70
≈ Unreal Teal
- 616A7A
≈ Ashen Whisper
삼각 배색 +120° +240°
- 5A6D77
Rolling Sea
- 77636C
≈ Chimaera
- 6A6B59
≈ All About Olive
분열 보색 +150° +210°
- 5A6D77
Rolling Sea
- 796463
≈ Paradise Grape
- 726858
≈ Sandwashed Driftwood
사각 배색 +90° +180° +270°
- 5A6D77
Rolling Sea
- 716574
≈ Rum
- 77665C
≈ Sea Elephant
- 616E5F
≈ Bracken Green
대비 및 접근성
Ag
AA흰색 위
WCAG 5.40:1 · APCA Lc 77
Ag
Fail검은색 위
WCAG 3.88:1 · APCA Lc 25
가장 좋은 글자색: #FFFFFF
WCAG 5.40:1 (AA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--rolling-sea: #5a6d77;
--rolling-sea-rgb: 90 109 119;
--rolling-sea-oklch: oklch(0.523 0.028 230.9);
}
.element {
color: var(--rolling-sea);
background-color: hsl(201 14% 41%);
border-color: oklch(0.523 0.028 230.9);
}Tailwind CSS v4
@theme {
--color-rolling-sea: #5a6d77;
--color-rolling-sea-50: #eef7fc;
--color-rolling-sea-100: #dfeaf0;
--color-rolling-sea-200: #c9d7de;
--color-rolling-sea-300: #aabac3;
--color-rolling-sea-400: #8fa2ac;
--color-rolling-sea-500: #748a95;
--color-rolling-sea-600: #63757e;
--color-rolling-sea-700: #4f5d65;
--color-rolling-sea-800: #39444a;
--color-rolling-sea-900: #272f33;
--color-rolling-sea-950: #151c1f;
}SCSS
$rolling-sea: #5a6d77;
$rolling-sea-rgb: 90, 109, 119;
$rolling-sea-light: mix(#fff, $rolling-sea, 20%);
$rolling-sea-dark: mix(#000, $rolling-sea, 20%);
.element {
color: $rolling-sea;
box-shadow: 0 0 0 2px rgba($rolling-sea, 0.35);
}