이름 색상 · #5BB4D7
Disembark
Disembark은(는) #5BB4D7: rgb(91 180 215), hsl(197 61% 60%), oklch(0.729 0.099 226.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Disembark color name →
#5BB4D7
oklch(0.729 0.099 226.3)
색상 변환
- HEX
- #5bb4d7
- RGB
- rgb(91 180 215)
- HSL
- hsl(197 61% 60%)
- HWB
- hwb(197 36% 16%)
- OKLCH
- oklch(0.729 0.099 226.3)
- OKLab
- oklab(0.729 -0.068 -0.072)
- CIE Lab
- lab(68.87 -20.15 -26.35)
- LCH
- lch(68.87 33.17 232.6)
- CMYK
- cmyk(58% 16% 0% 16%)
틴트 · 셰이드 · 톤
틴트
- 6EBCDB
- 80C3DF
- 90CBE4
- A1D2E8
- B1DAEC
- C1E1F0
- D0E9F4
- E0F0F7
- EFF8FB
셰이드
- 4E9CBB
- 41859F
- 356E85
- 29586B
- 1E4452
- 13303B
- 091D25
- 030C11
- 000202
톤
- 61AFCE
- 67AAC5
- 6BA5BD
- 709FB4
- 739AAB
- 7695A2
- 79909A
- 7C8B91
- 7E8589
색 조화
보색 +180°
- 5BB4D7
Disembark
- DB9471
≈ Buffed Copper
유사색 -30° +30°
- 5BB4D7
Disembark
- 4DBABC
≈ Lagoon Rock
- 7EAAE5
≈ Jordy Blue
삼각 배색 +120° +240°
- 5BB4D7
Disembark
- D58EB4
≈ High Maintenance
- AFAB5F
≈ Palm Frond
분열 보색 +150° +210°
- 5BB4D7
Disembark
- DE8D92
≈ Ruddy Pink
- CB9F5D
≈ Sunrise Heat
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.34:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 8.95:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 8.95:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--disembark: #5bb4d7;
--disembark-rgb: 91 180 215;
--disembark-oklch: oklch(0.729 0.099 226.3);
}
.element {
color: var(--disembark);
background-color: hsl(197 61% 60%);
border-color: oklch(0.729 0.099 226.3);
}Tailwind CSS v4
@theme {
--color-disembark: #5bb4d7;
--color-disembark-50: #d9fbff;
--color-disembark-100: #c7efff;
--color-disembark-200: #a8ddf6;
--color-disembark-300: #80c2e0;
--color-disembark-400: #57aacb;
--color-disembark-500: #2593b8;
--color-disembark-600: #237c9c;
--color-disembark-700: #1c637d;
--color-disembark-800: #10495c;
--color-disembark-900: #0a3340;
--color-disembark-950: #001e29;
}SCSS
$disembark: #5bb4d7;
$disembark-rgb: 91, 180, 215;
$disembark-light: mix(#fff, $disembark, 20%);
$disembark-dark: mix(#000, $disembark, 20%);
.element {
color: $disembark;
box-shadow: 0 0 0 2px rgba($disembark, 0.35);
}