이름 색상 · #5A5243
Muddled Basil
Muddled Basil은(는) #5A5243: rgb(90 82 67), hsl(39 15% 31%), oklch(0.442 0.026 83.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Muddled Basil color name →
#5A5243
oklch(0.442 0.026 83.2)
색상 변환
- HEX
- #5a5243
- RGB
- rgb(90 82 67)
- HSL
- hsl(39 15% 31%)
- HWB
- hwb(39 26% 65%)
- OKLCH
- oklch(0.442 0.026 83.2)
- OKLab
- oklab(0.442 0.003 0.026)
- CIE Lab
- lab(35.33 1.37 10.1)
- LCH
- lch(35.33 10.19 82.2)
- CMYK
- cmyk(0% 9% 26% 65%)
틴트 · 셰이드 · 톤
틴트
- 696254
- 787265
- 888277
- 989389
- A9A49C
- B9B6AF
- CAC8C3
- DCDAD6
- EDECEB
셰이드
- 4D4639
- 413B2F
- 352F26
- 29251D
- 1E1A14
- 13110C
- 090805
- 030201
- 000000
톤
- 5E5649
- 615B4F
- 655F55
- 69645B
- 6D6961
- 716D67
- 74726D
- 787773
- 7C7B7A
색 조화
보색 +180°
- 5A5243
Muddled Basil
- 4C5362
≈ Mystical Shade
유사색 -30° +30°
- 5A5243
Muddled Basil
- 5F4F46
≈ Black Walnut
- 535544
≈ Freshwater Marsh
삼각 배색 +120° +240°
- 5A5243
Muddled Basil
- 425759
≈ Sabionando Grey
- 5A4E5B
≈ Purple Fury
분열 보색 +150° +210°
- 5A5243
Muddled Basil
- 45565F
≈ Good Night!
- 535160
≈ Black Orchid
사각 배색 +90° +180° +270°
- 5A5243
Muddled Basil
- 455852
≈ Mariana Trench
- 4C5362
≈ Mystical Shade
- 5F4D54
≈ Sweet Currant
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.71:1 · APCA Lc 87
Ag
Fail검은색 위
WCAG 2.72:1 · APCA Lc 15
가장 좋은 글자색: #FFFFFF
WCAG 7.71:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--muddled-basil: #5a5243;
--muddled-basil-rgb: 90 82 67;
--muddled-basil-oklch: oklch(0.442 0.026 83.2);
}
.element {
color: var(--muddled-basil);
background-color: hsl(39 15% 31%);
border-color: oklch(0.442 0.026 83.2);
}Tailwind CSS v4
@theme {
--color-muddled-basil: #5a5243;
--color-muddled-basil-50: #f8f5ed;
--color-muddled-basil-100: #ece7de;
--color-muddled-basil-200: #d9d4c8;
--color-muddled-basil-300: #bdb7a9;
--color-muddled-basil-400: #a69d8e;
--color-muddled-basil-500: #8f8573;
--color-muddled-basil-600: #797162;
--color-muddled-basil-700: #605a4e;
--color-muddled-basil-800: #474238;
--color-muddled-basil-900: #312d27;
--color-muddled-basil-950: #1d1a15;
}SCSS
$muddled-basil: #5a5243;
$muddled-basil-rgb: 90, 82, 67;
$muddled-basil-light: mix(#fff, $muddled-basil, 20%);
$muddled-basil-dark: mix(#000, $muddled-basil, 20%);
.element {
color: $muddled-basil;
box-shadow: 0 0 0 2px rgba($muddled-basil, 0.35);
}