色名 · #5A573F
Devlan Mud
Devlan Mudは#5A573F：rgb(90 87 63)、hsl(53 18% 30%)、oklch(0.453 0.037 101.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Devlan Mud color name →
#5A573F
oklch(0.453 0.037 101.8)
カラー変換
- HEX
- #5a573f
- RGB
- rgb(90 87 63)
- HSL
- hsl(53 18% 30%)
- HWB
- hwb(53 25% 65%)
- OKLCH
- oklch(0.453 0.037 101.8)
- OKLab
- oklab(0.453 -0.008 0.036)
- CIE Lab
- lab(36.76 -1.96 14.47)
- LCH
- lch(36.76 14.6 97.7)
- CMYK
- cmyk(0% 3% 30% 65%)
ティント · シェード · トーン
ティント
- 696650
- 787662
- 888674
- 989687
- A9A79A
- B9B8AE
- CAC9C1
- DCDBD6
- EDEDEA
シェード
- 4D4B35
- 413E2C
- 353323
- 29271B
- 1E1C12
- 13120A
- 090804
- 030301
- 000000
トーン
- 5E5B45
- 615F4C
- 656352
- 696759
- 6D6B5F
- 706F66
- 74746C
- 787873
- 7C7C79
カラーハーモニー
補色 +180°
- 5A573F
Devlan Mud
- 52546B
≈ Academy Purple
類似色 -30° +30°
- 5A573F
Devlan Mud
- 63533F
≈ Roasted Sepia
- 4F5B45
≈ Fresh Pine
トライアド +120° +240°
- 5A573F
Devlan Mud
- 3F5B65
≈ Hypothalamus Grey
- 654E5C
≈ Prophetic Purple
スプリットコンプリメンタリー +150° +210°
- 5A573F
Devlan Mud
- 47586A
≈ Rainmaker
- 5D5065
≈ Muscat Grape
テトラード +90° +180° +270°
- 5A573F
Devlan Mud
- 3D5D5B
≈ Rosemary
- 52546B
≈ Academy Purple
- 694E51
≈ Flamboyant Plum
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.31:1 · APCA Lc 85
Ag
Fail黒の上
WCAG 2.86:1 · APCA Lc 17
最適な文字色: #FFFFFF
WCAG 7.31:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
CSS
:root {
--devlan-mud: #5a573f;
--devlan-mud-rgb: 90 87 63;
--devlan-mud-oklch: oklch(0.453 0.037 101.8);
}
.element {
color: var(--devlan-mud);
background-color: hsl(53 18% 30%);
border-color: oklch(0.453 0.037 101.8);
}Tailwind CSS v4
@theme {
--color-devlan-mud: #5a573f;
--color-devlan-mud-50: #f7f6ea;
--color-devlan-mud-100: #eae9db;
--color-devlan-mud-200: #d6d5c3;
--color-devlan-mud-300: #bab9a3;
--color-devlan-mud-400: #a2a087;
--color-devlan-mud-500: #8b876b;
--color-devlan-mud-600: #75735b;
--color-devlan-mud-700: #5e5c49;
--color-devlan-mud-800: #454334;
--color-devlan-mud-900: #302e23;
--color-devlan-mud-950: #1c1b12;
}SCSS
$devlan-mud: #5a573f;
$devlan-mud-rgb: 90, 87, 63;
$devlan-mud-light: mix(#fff, $devlan-mud, 20%);
$devlan-mud-dark: mix(#000, $devlan-mud, 20%);
.element {
color: $devlan-mud;
box-shadow: 0 0 0 2px rgba($devlan-mud, 0.35);
}