이름 색상 · #516678
Prairie Denim
Prairie Denim은(는) #516678: rgb(81 102 120), hsl(208 19% 39%), oklch(0.5 0.038 244.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Prairie Denim color name →
#516678
oklch(0.5 0.038 244.5)
색상 변환
- HEX
- #516678
- RGB
- rgb(81 102 120)
- HSL
- hsl(208 19% 39%)
- HWB
- hwb(208 32% 53%)
- OKLCH
- oklch(0.5 0.038 244.5)
- OKLab
- oklab(0.5 -0.016 -0.035)
- CIE Lab
- lab(41.99 -4.62 -12.85)
- LCH
- lch(41.99 13.65 250.2)
- CMYK
- cmyk(33% 15% 0% 53%)
틴트 · 셰이드 · 톤
틴트
- 617485
- 718392
- 82919F
- 93A0AC
- A4B0BA
- B6BFC7
- C8CFD5
- DADFE3
- ECEFF1
셰이드
- 455867
- 3A4A57
- 2F3C48
- 242F39
- 1A232A
- 10171D
- 070C10
- 020405
- 000001
톤
- 566979
- 5A6B7A
- 5F6E7B
- 64707B
- 69737C
- 6D767D
- 72787E
- 777B7F
- 7B7D7F
색 조화
보색 +180°
- 516678
Prairie Denim
- 735F4C
≈ Woodward Park
유사색 -30° +30°
- 516678
Prairie Denim
- 4A6971
≈ Azalea Leaf
- 5C627A
≈ Presumption
삼각 배색 +120° +240°
- 516678
Prairie Denim
- 775A60
≈ Falcon Wing
- 5E674F
≈ Monstera
분열 보색 +150° +210°
- 516678
Prairie Denim
- 775C55
≈ Picador
- 6A634A
≈ Deer Trail
사각 배색 +90° +180° +270°
- 516678
Prairie Denim
- 715B6C
≈ Banished Brown
- 735F4C
≈ Woodward Park
- 526A5A
≈ Kale Green
대비 및 접근성
Ag
AA흰색 위
WCAG 5.96:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.52:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 5.96:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--prairie-denim: #516678;
--prairie-denim-rgb: 81 102 120;
--prairie-denim-oklch: oklch(0.5 0.038 244.5);
}
.element {
color: var(--prairie-denim);
background-color: hsl(208 19% 39%);
border-color: oklch(0.5 0.038 244.5);
}Tailwind CSS v4
@theme {
--color-prairie-denim: #516678;
--color-prairie-denim-50: #edf7ff;
--color-prairie-denim-100: #dee9f4;
--color-prairie-denim-200: #c8d6e4;
--color-prairie-denim-300: #a8baca;
--color-prairie-denim-400: #8ca1b4;
--color-prairie-denim-500: #71899e;
--color-prairie-denim-600: #607486;
--color-prairie-denim-700: #4d5d6b;
--color-prairie-denim-800: #37444f;
--color-prairie-denim-900: #262f37;
--color-prairie-denim-950: #141c22;
}SCSS
$prairie-denim: #516678;
$prairie-denim-rgb: 81, 102, 120;
$prairie-denim-light: mix(#fff, $prairie-denim, 20%);
$prairie-denim-dark: mix(#000, $prairie-denim, 20%);
.element {
color: $prairie-denim;
box-shadow: 0 0 0 2px rgba($prairie-denim, 0.35);
}