이름 색상 · #61311C
Overbaked
Overbaked은(는) #61311C: rgb(97 49 28), hsl(18 55% 25%), oklch(0.371 0.077 43.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Overbaked color name →
#61311C
oklch(0.371 0.077 43.5)
색상 변환
- HEX
- #61311c
- RGB
- rgb(97 49 28)
- HSL
- hsl(18 55% 25%)
- HWB
- hwb(18 11% 62%)
- OKLCH
- oklch(0.371 0.077 43.5)
- OKLab
- oklab(0.371 0.056 0.053)
- CIE Lab
- lab(26.54 20.77 23.28)
- LCH
- lch(26.54 31.2 48.3)
- CMYK
- cmyk(0% 49% 71% 62%)
틴트 · 셰이드 · 톤
틴트
- 714431
- 805746
- 906B5B
- A07F71
- AF9387
- BFA89E
- CFBDB6
- DFD3CE
- EFE9E6
셰이드
- 532917
- 462212
- 391A0D
- 2D1308
- 210C05
- 150602
- 0B0301
- 030100
- 000000
톤
- 653926
- 684130
- 6C493A
- 6F5144
- 72584E
- 756058
- 786862
- 7B706C
- 7E7876
색 조화
보색 +180°
- 61311C
Overbaked
- 00485B
≈ Sultan’s Silk
유사색 -30° +30°
- 61311C
Overbaked
- 622D34
≈ Chocolate Truffle
- 583903
≈ Pineapple
삼각 배색 +120° +240°
- 61311C
Overbaked
- 064C34
≈ Chrysocolla Dark Green
- 3B3A67
≈ Rhynchites Nitens
분열 보색 +150° +210°
- 61311C
Overbaked
- 004A4A
≈ Deep Into the Jungle
- 204168
≈ Blue Mosque
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.69:1 · APCA Lc 94
Ag
Fail검은색 위
WCAG 1.96:1 · APCA Lc 8
가장 좋은 글자색: #FFFFFF
WCAG 10.69:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
CSS
:root {
--overbaked: #61311c;
--overbaked-rgb: 97 49 28;
--overbaked-oklch: oklch(0.371 0.077 43.5);
}
.element {
color: var(--overbaked);
background-color: hsl(18 55% 25%);
border-color: oklch(0.371 0.077 43.5);
}Tailwind CSS v4
@theme {
--color-overbaked: #61311c;
--color-overbaked-50: #ffefe3;
--color-overbaked-100: #ffe1d3;
--color-overbaked-200: #f1cbba;
--color-overbaked-300: #daac97;
--color-overbaked-400: #c6907a;
--color-overbaked-500: #b1755c;
--color-overbaked-600: #96634e;
--color-overbaked-700: #784f3e;
--color-overbaked-800: #59392d;
--color-overbaked-900: #3e271f;
--color-overbaked-950: #27150e;
}SCSS
$overbaked: #61311c;
$overbaked-rgb: 97, 49, 28;
$overbaked-light: mix(#fff, $overbaked, 20%);
$overbaked-dark: mix(#000, $overbaked, 20%);
.element {
color: $overbaked;
box-shadow: 0 0 0 2px rgba($overbaked, 0.35);
}