이름 색상 · #5DB3D4
Flyway
Flyway은(는) #5DB3D4: rgb(93 179 212), hsl(197 58% 60%), oklch(0.726 0.096 225.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Flyway color name →
#5DB3D4
oklch(0.726 0.096 225.5)
색상 변환
- HEX
- #5db3d4
- RGB
- rgb(93 179 212)
- HSL
- hsl(197 58% 60%)
- HWB
- hwb(197 36% 17%)
- OKLCH
- oklch(0.726 0.096 225.5)
- OKLab
- oklab(0.726 -0.067 -0.068)
- CIE Lab
- lab(68.56 -19.95 -25.17)
- LCH
- lch(68.56 32.11 231.6)
- CMYK
- cmyk(56% 16% 0% 17%)
틴트 · 셰이드 · 톤
틴트
- 6FBBD9
- 81C2DD
- 91CAE1
- A2D2E6
- B1D9EA
- C1E1EE
- D1E8F3
- E0F0F7
- F0F7FB
셰이드
- 509BB8
- 43849D
- 376E83
- 2A5869
- 1F4351
- 142F3A
- 0A1D24
- 030C10
- 000102
톤
- 63AECB
- 68A9C3
- 6CA4BA
- 709FB2
- 749AAA
- 7795A1
- 7A8F99
- 7C8A91
- 7E8588
색 조화
보색 +180°
- 5DB3D4
Flyway
- D99373
≈ Buffed Copper
유사색 -30° +30°
- 5DB3D4
Flyway
- 51B9B9
≈ Lagoon Rock
- 7EA9E2
≈ Jordy Blue
삼각 배색 +120° +240°
- 5DB3D4
Flyway
- D28EB4
≈ Moonlit Mauve
- AFAA61
≈ Organic Garden
분열 보색 +150° +210°
- 5DB3D4
Flyway
- DC8D92
≈ Ruddy Pink
- C99E5F
≈ Ole Yeller
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.36:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.86:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 8.86:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--flyway: #5db3d4;
--flyway-rgb: 93 179 212;
--flyway-oklch: oklch(0.726 0.096 225.5);
}
.element {
color: var(--flyway);
background-color: hsl(197 58% 60%);
border-color: oklch(0.726 0.096 225.5);
}Tailwind CSS v4
@theme {
--color-flyway: #5db3d4;
--color-flyway-50: #dafbff;
--color-flyway-100: #c8efff;
--color-flyway-200: #aaddf5;
--color-flyway-300: #82c2de;
--color-flyway-400: #5aaac9;
--color-flyway-500: #2a93b6;
--color-flyway-600: #277c9a;
--color-flyway-700: #1f637b;
--color-flyway-800: #13495b;
--color-flyway-900: #0c333f;
--color-flyway-950: #001e28;
}SCSS
$flyway: #5db3d4;
$flyway-rgb: 93, 179, 212;
$flyway-light: mix(#fff, $flyway, 20%);
$flyway-dark: mix(#000, $flyway, 20%);
.element {
color: $flyway;
box-shadow: 0 0 0 2px rgba($flyway, 0.35);
}