이름 색상 · #024ACA
Flying Fish Blue
Flying Fish Blue은(는) #024ACA: rgb(2 74 202), hsl(218 98% 40%), oklch(0.463 0.208 261.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Flying Fish Blue color name →
#024ACA
oklch(0.463 0.208 261.8)
색상 변환
- HEX
- #024aca
- RGB
- rgb(2 74 202)
- HSL
- hsl(218 98% 40%)
- HWB
- hwb(218 1% 21%)
- OKLCH
- oklch(0.463 0.208 261.8)
- OKLab
- oklab(0.463 -0.03 -0.206)
- CIE Lab
- lab(35.01 23.46 -72.8)
- LCH
- lch(35.01 76.49 287.9)
- CMYK
- cmyk(99% 63% 0% 21%)
틴트 · 셰이드 · 톤
틴트
- 245FD1
- 3D72D8
- 5585DE
- 6C97E4
- 84A8EA
- 9CBAEF
- B4CBF4
- CDDCF8
- E6EEFC
셰이드
- 013FAF
- 013595
- 012A7C
- 002064
- 00174D
- 000E37
- 000622
- 00020F
- 000002
톤
- 1752C4
- 265ABD
- 3360B6
- 3F66AF
- 4A6BA8
- 5570A1
- 607599
- 6B7991
- 757C89
색 조화
보색 +180°
- 024ACA
Flying Fish Blue
- 735200
≈ Pickled Grape Leaves
유사색 -30° +30°
- 024ACA
Flying Fish Blue
- 006184
≈ Blue League
- 6130C0
≈ Purple Spot
삼각 배색 +120° +240°
- 024ACA
Flying Fish Blue
- A80024
≈ Castlevania Heart
- 0C6C00
≈ Leafy Lush
분열 보색 +150° +210°
- 024ACA
Flying Fish Blue
- 8B4100
≈ Chocolate Pancakes
- 5B5E00
≈ Greensboro
사각 배색 +90° +180° +270°
- 024ACA
Flying Fish Blue
- A00064
≈ Morbid Princess
- 735200
≈ Pickled Grape Leaves
- 006953
≈ Peacock Green
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.40:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.83:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.40:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--flying-fish-blue: #024aca;
--flying-fish-blue-rgb: 2 74 202;
--flying-fish-blue-oklch: oklch(0.463 0.208 261.8);
}
.element {
color: var(--flying-fish-blue);
background-color: hsl(218 98% 40%);
border-color: oklch(0.463 0.208 261.8);
}Tailwind CSS v4
@theme {
--color-flying-fish-blue: #024aca;
--color-flying-fish-blue-50: #d7f6ff;
--color-flying-fish-blue-100: #c4e8ff;
--color-flying-fish-blue-200: #a6d3ff;
--color-flying-fish-blue-300: #80b4ff;
--color-flying-fish-blue-400: #5598ff;
--color-flying-fish-blue-500: #2e7aff;
--color-flying-fish-blue-600: #2868e2;
--color-flying-fish-blue-700: #2053b6;
--color-flying-fish-blue-800: #0e3d88;
--color-flying-fish-blue-900: #082a61;
--color-flying-fish-blue-950: #001742;
}SCSS
$flying-fish-blue: #024aca;
$flying-fish-blue-rgb: 2, 74, 202;
$flying-fish-blue-light: mix(#fff, $flying-fish-blue, 20%);
$flying-fish-blue-dark: mix(#000, $flying-fish-blue, 20%);
.element {
color: $flying-fish-blue;
box-shadow: 0 0 0 2px rgba($flying-fish-blue, 0.35);
}