色名 · #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);
}