이름 색상 · #5B9099
Cabana Blue
Cabana Blue은(는) #5B9099: rgb(91 144 153), hsl(189 25% 48%), oklch(0.62 0.058 209.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Cabana Blue color name →
#5B9099
oklch(0.62 0.058 209.3)
색상 변환
- HEX
- #5b9099
- RGB
- rgb(91 144 153)
- HSL
- hsl(189 25% 48%)
- HWB
- hwb(189 36% 40%)
- OKLCH
- oklch(0.62 0.058 209.3)
- OKLab
- oklab(0.62 -0.05 -0.028)
- CIE Lab
- lab(56.34 -16.53 -10.67)
- LCH
- lch(56.34 19.67 212.9)
- CMYK
- cmyk(41% 6% 0% 40%)
틴트 · 셰이드 · 톤
틴트
- 6B9BA3
- 7CA5AD
- 8CB0B7
- 9CBBC1
- ACC6CB
- BDD2D5
- CDDDE0
- DEE8EA
- EEF4F4
셰이드
- 4E7D84
- 416A70
- 35575D
- 29454A
- 1E3438
- 132427
- 091517
- 030708
- 000101
톤
- 608E97
- 648D94
- 688B92
- 6C8A8F
- 70888D
- 73878A
- 778588
- 7A8385
- 7D8283
색 조화
보색 +180°
- 5B9099
Cabana Blue
- A67972
≈ Rum Spice
유사색 -30° +30°
- 5B9099
Cabana Blue
- 5E9287
≈ Thermal Spring
- 668BA6
≈ Sporty Blue
삼각 배색 +120° +240°
- 5B9099
Cabana Blue
- 9A7A97
≈ Screen Gem
- 94855E
≈ Owlet
분열 보색 +150° +210°
- 5B9099
Cabana Blue
- A47885
≈ Dusky Orchid
- A17E63
≈ Tender Twig
사각 배색 +90° +180° +270°
- 5B9099
Cabana Blue
- 8B7FA4
≈ Violet Chalk
- A67972
≈ Rum Spice
- 828B64
≈ Green Coconut
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.56:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.89:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.89:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--cabana-blue: #5b9099;
--cabana-blue-rgb: 91 144 153;
--cabana-blue-oklch: oklch(0.62 0.058 209.3);
}
.element {
color: var(--cabana-blue);
background-color: hsl(189 25% 48%);
border-color: oklch(0.62 0.058 209.3);
}Tailwind CSS v4
@theme {
--color-cabana-blue: #5b9099;
--color-cabana-blue-50: #e3faff;
--color-cabana-blue-100: #d3eef3;
--color-cabana-blue-200: #b9dbe2;
--color-cabana-blue-300: #96c0c8;
--color-cabana-blue-400: #76a8b1;
--color-cabana-blue-500: #56919b;
--color-cabana-blue-600: #497b83;
--color-cabana-blue-700: #3a6269;
--color-cabana-blue-800: #29484d;
--color-cabana-blue-900: #1c3235;
--color-cabana-blue-950: #0c1e20;
}SCSS
$cabana-blue: #5b9099;
$cabana-blue-rgb: 91, 144, 153;
$cabana-blue-light: mix(#fff, $cabana-blue, 20%);
$cabana-blue-dark: mix(#000, $cabana-blue, 20%);
.element {
color: $cabana-blue;
box-shadow: 0 0 0 2px rgba($cabana-blue, 0.35);
}