色名 · #5A4D41
Rock
Rockは#5A4D41：rgb(90 77 65)、hsl(29 16% 30%)、oklch(0.43 0.026 64.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Rock color name →
#5A4D41
oklch(0.43 0.026 64.8)
カラー変換
- HEX
- #5a4d41
- RGB
- rgb(90 77 65)
- HSL
- hsl(29 16% 30%)
- HWB
- hwb(29 25% 65%)
- OKLCH
- oklch(0.43 0.026 64.8)
- OKLab
- oklab(0.43 0.011 0.023)
- CIE Lab
- lab(33.81 4.05 9.26)
- LCH
- lch(33.81 10.11 66.4)
- CMYK
- cmyk(0% 14% 28% 65%)
ティント · シェード · トーン
ティント
- 695D52
- 796E63
- 887E75
- 989088
- A9A19B
- BAB4AE
- CBC6C2
- DCD9D6
- EDECEA
シェード
- 4D4237
- 41372E
- 352C25
- 29221C
- 1E1813
- 130F0B
- 090705
- 030201
- 000000
トーン
- 5E5247
- 62574D
- 655C53
- 69615A
- 6D6660
- 716B66
- 74706D
- 787673
- 7C7B79
カラーハーモニー
補色 +180°
- 5A4D41
Rock
- 44525D
≈ Nightfall
類似色 -30° +30°
- 5A4D41
Rock
- 5D4B46
≈ Mustang
- 545040
≈ Forest Floor
トライアド +120° +240°
- 5A4D41
Rock
- 405551
≈ Sycamore Tree
- 534C5B
≈ Mulled Wine
スプリットコンプリメンタリー +150° +210°
- 5A4D41
Rock
- 405459
≈ Casal
- 4B4F5E
≈ Odyssey Grey
テトラード +90° +180° +270°
コントラストとアクセシビリティ
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 {
--rock: #5a4d41;
--rock-rgb: 90 77 65;
--rock-oklch: oklch(0.43 0.026 64.8);
}
.element {
color: var(--rock);
background-color: hsl(29 16% 30%);
border-color: oklch(0.43 0.026 64.8);
}Tailwind CSS v4
@theme {
--color-rock: #5a4d41;
--color-rock-50: #faf4ed;
--color-rock-100: #eee6df;
--color-rock-200: #dcd2c9;
--color-rock-300: #c1b5aa;
--color-rock-400: #aa9c8f;
--color-rock-500: #938375;
--color-rock-600: #7c6f63;
--color-rock-700: #63594f;
--color-rock-800: #494139;
--color-rock-900: #332c27;
--color-rock-950: #1e1a15;
}SCSS
$rock: #5a4d41;
$rock-rgb: 90, 77, 65;
$rock-light: mix(#fff, $rock, 20%);
$rock-dark: mix(#000, $rock, 20%);
.element {
color: $rock;
box-shadow: 0 0 0 2px rgba($rock, 0.35);
}