이름 색상 · #324C61
Blue Fedora
Blue Fedora은(는) #324C61: rgb(50 76 97), hsl(207 32% 29%), oklch(0.405 0.048 243.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Blue Fedora color name →
#324C61
oklch(0.405 0.048 243.7)
색상 변환
- HEX
- #324c61
- RGB
- rgb(50 76 97)
- HSL
- hsl(207 32% 29%)
- HWB
- hwb(207 20% 62%)
- OKLCH
- oklch(0.405 0.048 243.7)
- OKLab
- oklab(0.405 -0.021 -0.043)
- CIE Lab
- lab(30.91 -5.37 -15.66)
- LCH
- lch(30.91 16.55 251.1)
- CMYK
- cmyk(48% 22% 0% 62%)
틴트 · 셰이드 · 톤
틴트
- 455C70
- 576D7F
- 6B7E8E
- 7F8F9D
- 93A1AD
- A8B3BD
- BDC6CD
- D3D9DE
- E9ECEE
셰이드
- 2A4153
- 223646
- 1B2C39
- 14222D
- 0D1821
- 070F15
- 03060B
- 010203
- 000000
톤
- 3A5164
- 425667
- 495B6B
- 51616E
- 596671
- 606B74
- 687077
- 70757A
- 787B7D
색 조화
보색 +180°
- 324C61
Blue Fedora
- 5B432D
≈ Brown Hen
유사색 -30° +30°
- 324C61
Blue Fedora
- 275059
≈ Atlantic Deep
- 414763
≈ Blue Wonder
삼각 배색 +120° +240°
- 324C61
Blue Fedora
- 5F3E46
≈ Red Gooseberry
- 444D30
≈ Matsuba Green
분열 보색 +150° +210°
- 324C61
Blue Fedora
- 604038
≈ American Milking Devon
- 51492A
≈ Codium Fragile
사각 배색 +90° +180° +270°
- 324C61
Blue Fedora
- 593F54
≈ Bella
- 5B432D
≈ Brown Hen
- 34513D
≈ Angry Gremlin
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.96:1 · APCA Lc 91
Ag
Fail검은색 위
WCAG 2.34:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 8.96:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--blue-fedora: #324c61;
--blue-fedora-rgb: 50 76 97;
--blue-fedora-oklch: oklch(0.405 0.048 243.7);
}
.element {
color: var(--blue-fedora);
background-color: hsl(207 32% 29%);
border-color: oklch(0.405 0.048 243.7);
}Tailwind CSS v4
@theme {
--color-blue-fedora: #324c61;
--color-blue-fedora-50: #eaf7ff;
--color-blue-fedora-100: #dbeaf7;
--color-blue-fedora-200: #c4d7e8;
--color-blue-fedora-300: #a4bacf;
--color-blue-fedora-400: #87a2b9;
--color-blue-fedora-500: #6b8aa4;
--color-blue-fedora-600: #5b758a;
--color-blue-fedora-700: #495e6f;
--color-blue-fedora-800: #344552;
--color-blue-fedora-900: #232f39;
--color-blue-fedora-950: #121c23;
}SCSS
$blue-fedora: #324c61;
$blue-fedora-rgb: 50, 76, 97;
$blue-fedora-light: mix(#fff, $blue-fedora, 20%);
$blue-fedora-dark: mix(#000, $blue-fedora, 20%);
.element {
color: $blue-fedora;
box-shadow: 0 0 0 2px rgba($blue-fedora, 0.35);
}