이름 색상 · #293286
Ritterlich Blue
Ritterlich Blue은(는) #293286: rgb(41 50 134), hsl(234 53% 34%), oklch(0.365 0.139 272.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Ritterlich Blue color name →
#293286
oklch(0.365 0.139 272.7)
색상 변환
- HEX
- #293286
- RGB
- rgb(41 50 134)
- HSL
- hsl(234 53% 34%)
- HWB
- hwb(234 16% 47%)
- OKLCH
- oklch(0.365 0.139 272.7)
- OKLab
- oklab(0.365 0.007 -0.139)
- CIE Lab
- lab(24.4 19.55 -49.3)
- LCH
- lch(24.4 53.04 291.6)
- CMYK
- cmyk(69% 63% 0% 47%)
틴트 · 셰이드 · 톤
틴트
- 3A4793
- 4C5BA0
- 606FAC
- 7583B9
- 8A97C5
- A0ABD1
- B7C0DD
- CFD4E8
- E7EAF4
셰이드
- 222A74
- 1C2262
- 151B51
- 0F1440
- 090D30
- 050721
- 020313
- 010106
- 000001
톤
- 303B86
- 384487
- 404C87
- 485486
- 515C86
- 5A6385
- 636A84
- 6D7283
- 767982
색 조화
보색 +180°
- 293286
Ritterlich Blue
- 4C3D00
≈ Xanthophobia
유사색 -30° +30°
- 293286
Ritterlich Blue
- 004268
≈ Dark Imperial Blue
- 4E2479
≈ Spanish Violet
삼각 배색 +120° +240°
- 293286
Ritterlich Blue
- 761200
≈ Sang de Boeuf
- 004C25
≈ Troll Green
분열 보색 +150° +210°
- 293286
Ritterlich Blue
- 5D3300
≈ Chocolate Fantasies
- 364500
≈ Garden Shadow
사각 배색 +90° +180° +270°
- 293286
Ritterlich Blue
- 740A38
≈ Merlot
- 4C3D00
≈ Xanthophobia
- 004941
≈ Tropical Forest
대비 및 접근성
Ag
AAA흰색 위
WCAG 11.08:1 · APCA Lc 95
Ag
Fail검은색 위
WCAG 1.89:1 · APCA Lc 7
가장 좋은 글자색: #FFFFFF
WCAG 11.08:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--ritterlich-blue: #293286;
--ritterlich-blue-rgb: 41 50 134;
--ritterlich-blue-oklch: oklch(0.365 0.139 272.7);
}
.element {
color: var(--ritterlich-blue);
background-color: hsl(234 53% 34%);
border-color: oklch(0.365 0.139 272.7);
}Tailwind CSS v4
@theme {
--color-ritterlich-blue: #293286;
--color-ritterlich-blue-50: #e9f3ff;
--color-ritterlich-blue-100: #dae5ff;
--color-ritterlich-blue-200: #c2d0ff;
--color-ritterlich-blue-300: #a2b2ff;
--color-ritterlich-blue-400: #8398f0;
--color-ritterlich-blue-500: #687ce1;
--color-ritterlich-blue-600: #586abe;
--color-ritterlich-blue-700: #465499;
--color-ritterlich-blue-800: #313e72;
--color-ritterlich-blue-900: #212b50;
--color-ritterlich-blue-950: #111836;
}SCSS
$ritterlich-blue: #293286;
$ritterlich-blue-rgb: 41, 50, 134;
$ritterlich-blue-light: mix(#fff, $ritterlich-blue, 20%);
$ritterlich-blue-dark: mix(#000, $ritterlich-blue, 20%);
.element {
color: $ritterlich-blue;
box-shadow: 0 0 0 2px rgba($ritterlich-blue, 0.35);
}