色名 · #A39281
Rapid Rock
Rapid Rockは#A39281：rgb(163 146 129)、hsl(30 16% 57%)、oklch(0.67 0.032 67.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Rapid Rock color name →
#A39281
oklch(0.67 0.032 67.2)
カラー変換
- HEX
- #a39281
- RGB
- rgb(163 146 129)
- HSL
- hsl(30 16% 57%)
- HWB
- hwb(30 51% 36%)
- OKLCH
- oklch(0.67 0.032 67.2)
- OKLab
- oklab(0.67 0.012 0.029)
- CIE Lab
- lab(61.73 4.45 11.48)
- LCH
- lch(61.73 12.31 68.8)
- CMYK
- cmyk(0% 10% 21% 36%)
ティント · シェード · トーン
ティント
- AC9C8D
- B5A799
- BEB2A5
- C7BCB2
- D0C7BE
- D9D2CB
- E3DDD8
- ECE8E5
- F6F4F2
シェード
- 8D7E6F
- 786B5E
- 63584E
- 4F463E
- 3C352E
- 2A251F
- 191612
- 0A0806
- 010101
トーン
- 9F9081
- 9C8E81
- 988D81
- 958B81
- 918981
- 8E8781
- 8A8580
- 878480
- 838280
カラーハーモニー
補色 +180°
- A39281
Rapid Rock
- 8698A8
≈ Silver Storm
類似色 -30° +30°
- A39281
Rapid Rock
- A88F88
≈ Ash Hollow
- 9A9680
≈ Union Springs
トライアド +120° +240°
- A39281
Rapid Rock
- 809C99
≈ Blue Surf
- 9A91A5
≈ Delectable
スプリットコンプリメンタリー +150° +210°
- A39281
Rapid Rock
- 809BA2
≈ Miles
- 9094A9
≈ Silverfish
テトラード +90° +180° +270°
- A39281
Rapid Rock
- 869C8E
≈ Mother Earth
- 8698A8
≈ Silver Storm
- A38E9C
≈ Cut Heather
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.00:1 · APCA Lc 57
Ag
AA黒の上
WCAG 6.98:1 · APCA Lc 45
最適な文字色: #000000
WCAG 6.98:1 (AA) · APCA Lc 45
Contrast pairs
コードスニペット
CSS
:root {
--rapid-rock: #a39281;
--rapid-rock-rgb: 163 146 129;
--rapid-rock-oklch: oklch(0.67 0.032 67.2);
}
.element {
color: var(--rapid-rock);
background-color: hsl(30 16% 57%);
border-color: oklch(0.67 0.032 67.2);
}Tailwind CSS v4
@theme {
--color-rapid-rock: #a39281;
--color-rapid-rock-50: #fbf4ec;
--color-rapid-rock-100: #efe6dd;
--color-rapid-rock-200: #ddd2c6;
--color-rapid-rock-300: #c2b5a6;
--color-rapid-rock-400: #ac9b8b;
--color-rapid-rock-500: #958370;
--color-rapid-rock-600: #7e6f5f;
--color-rapid-rock-700: #65584c;
--color-rapid-rock-800: #4a4037;
--color-rapid-rock-900: #342c26;
--color-rapid-rock-950: #1f1914;
}SCSS
$rapid-rock: #a39281;
$rapid-rock-rgb: 163, 146, 129;
$rapid-rock-light: mix(#fff, $rapid-rock, 20%);
$rapid-rock-dark: mix(#000, $rapid-rock, 20%);
.element {
color: $rapid-rock;
box-shadow: 0 0 0 2px rgba($rapid-rock, 0.35);
}