이름 색상 · #515131
Warplock Bronze
Warplock Bronze은(는) #515131: rgb(81 81 49), hsl(60 25% 25%), oklch(0.426 0.049 108.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Warplock Bronze color name →
#515131
oklch(0.426 0.049 108.3)
색상 변환
- HEX
- #515131
- RGB
- rgb(81 81 49)
- HSL
- hsl(60 25% 25%)
- HWB
- hwb(60 19% 68%)
- OKLCH
- oklch(0.426 0.049 108.3)
- OKLab
- oklab(0.426 -0.015 0.046)
- CIE Lab
- lab(33.81 -4.17 18.84)
- LCH
- lch(33.81 19.3 102.5)
- CMYK
- cmyk(0% 0% 40% 68%)
틴트 · 셰이드 · 톤
틴트
- 616144
- 717157
- 81826A
- 92937E
- A3A493
- B5B6A8
- C7C7BD
- D9DAD2
- ECECE9
셰이드
- 454529
- 3A3A22
- 2F2F1A
- 242413
- 1A1A0C
- 101006
- 070703
- 020201
- 000000
톤
- 555639
- 5A5A41
- 5F5F49
- 636450
- 686858
- 6D6D60
- 717268
- 767670
- 7B7B78
색 조화
보색 +180°
- 515131
Warplock Bronze
- 4D4B68
≈ Darlak
유사색 -30° +30°
- 515131
Warplock Bronze
- 5D4C2F
≈ Tǔ Hēi Black
- 41553B
≈ Okroshka
삼각 배색 +120° +240°
- 515131
Warplock Bronze
- 315464
≈ Marea Baja
- 634453
≈ Deep Exquisite
분열 보색 +150° +210°
- 515131
Warplock Bronze
- 3E506A
≈ Calico Dress
- 5A4660
≈ Purple People Eater
사각 배색 +90° +180° +270°
- 515131
Warplock Bronze
- 2B5759
≈ Sea Challenge
- 4D4B68
≈ Darlak
- 674444
≈ Twinberry
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.16:1 · APCA Lc 88
Ag
Fail검은색 위
WCAG 2.57:1 · APCA Lc 14
가장 좋은 글자색: #FFFFFF
WCAG 8.16:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--warplock-bronze: #515131;
--warplock-bronze-rgb: 81 81 49;
--warplock-bronze-oklch: oklch(0.426 0.049 108.3);
}
.element {
color: var(--warplock-bronze);
background-color: hsl(60 25% 25%);
border-color: oklch(0.426 0.049 108.3);
}Tailwind CSS v4
@theme {
--color-warplock-bronze: #515131;
--color-warplock-bronze-50: #f5f7e7;
--color-warplock-bronze-100: #e8ead7;
--color-warplock-bronze-200: #d5d6bf;
--color-warplock-bronze-300: #b8ba9e;
--color-warplock-bronze-400: #a1a180;
--color-warplock-bronze-500: #898963;
--color-warplock-bronze-600: #747454;
--color-warplock-bronze-700: #5c5d43;
--color-warplock-bronze-800: #444430;
--color-warplock-bronze-900: #2f2f20;
--color-warplock-bronze-950: #1c1b10;
}SCSS
$warplock-bronze: #515131;
$warplock-bronze-rgb: 81, 81, 49;
$warplock-bronze-light: mix(#fff, $warplock-bronze, 20%);
$warplock-bronze-dark: mix(#000, $warplock-bronze, 20%);
.element {
color: $warplock-bronze;
box-shadow: 0 0 0 2px rgba($warplock-bronze, 0.35);
}