이름 색상 · #092256
Downriver
Downriver은(는) #092256: rgb(9 34 86), hsl(221 81% 19%), oklch(0.27 0.099 262.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Downriver color name →
#092256
oklch(0.27 0.099 262.5)
색상 변환
- HEX
- #092256
- RGB
- rgb(9 34 86)
- HSL
- hsl(221 81% 19%)
- HWB
- hwb(221 4% 66%)
- OKLCH
- oklch(0.27 0.099 262.5)
- OKLab
- oklab(0.27 -0.013 -0.099)
- CIE Lab
- lab(14.24 8.54 -34.92)
- LCH
- lch(14.24 35.95 283.7)
- CMYK
- cmyk(90% 60% 0% 66%)
틴트 · 셰이드 · 톤
틴트
- 1E3767
- 344B77
- 4B6088
- 627599
- 7B8BAA
- 94A1BA
- AEB8CB
- C8CFDD
- E3E7EE
셰이드
- 071C4A
- 05163E
- 031132
- 020B27
- 01071C
- 010312
- 000108
- 000002
- 000000
톤
- 152C5B
- 203560
- 2B3F64
- 374869
- 42516D
- 4E5B71
- 5A6475
- 676D79
- 73777D
색 조화
보색 +180°
- 092256
Downriver
- 342300
≈ Black Swan
유사색 -30° +30°
- 092256
Downriver
- 002B3D
≈ Murky Depths
- 2A1852
≈ Silent Orbit
삼각 배색 +120° +240°
- 092256
Downriver
- 4C070E
≈ Erythrophobia
- 003100
≈ Serpentine Shadow
분열 보색 +150° +210°
- 092256
Downriver
- 401B00
≈ Bath in Chocolate
- 272900
≈ Lindworm Green
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 15.27:1 · APCA Lc 102
Ag
Fail검은색 위
WCAG 1.37:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 15.27:1 (AAA) · APCA Lc 102
Contrast pairs
코드 스니펫
CSS
:root {
--downriver: #092256;
--downriver-rgb: 9 34 86;
--downriver-oklch: oklch(0.27 0.099 262.5);
}
.element {
color: var(--downriver);
background-color: hsl(221 81% 19%);
border-color: oklch(0.27 0.099 262.5);
}Tailwind CSS v4
@theme {
--color-downriver: #092256;
--color-downriver-50: #e7f6ff;
--color-downriver-100: #d7e8ff;
--color-downriver-200: #bfd4ff;
--color-downriver-300: #9eb7eb;
--color-downriver-400: #7f9eda;
--color-downriver-500: #6285c8;
--color-downriver-600: #5371a9;
--color-downriver-700: #425a88;
--color-downriver-800: #2e4265;
--color-downriver-900: #1f2e47;
--color-downriver-950: #0f1a2e;
}SCSS
$downriver: #092256;
$downriver-rgb: 9, 34, 86;
$downriver-light: mix(#fff, $downriver, 20%);
$downriver-dark: mix(#000, $downriver, 20%);
.element {
color: $downriver;
box-shadow: 0 0 0 2px rgba($downriver, 0.35);
}