色名 · #9B423F
Autumn Ridge
Autumn Ridgeは#9B423F：rgb(155 66 63)、hsl(2 42% 43%)、oklch(0.497 0.12 24.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Autumn Ridge color name →
#9B423F
oklch(0.497 0.12 24.4)
カラー変換
- HEX
- #9b423f
- RGB
- rgb(155 66 63)
- HSL
- hsl(2 42% 43%)
- HWB
- hwb(2 25% 39%)
- OKLCH
- oklch(0.497 0.12 24.4)
- OKLab
- oklab(0.497 0.109 0.049)
- CIE Lab
- lab(40.41 37.78 21.22)
- LCH
- lch(40.41 43.33 29.3)
- CMYK
- cmyk(0% 57% 59% 39%)
ティント · シェード · トーン
ティント
- A65551
- B26863
- BC7A75
- C78D88
- D19F9B
- DBB2AE
- E4C5C2
- EDD8D6
- F6EBEA
シェード
- 863835
- 722F2C
- 5E2523
- 4B1C1B
- 391412
- 280B0A
- 180504
- 090101
- 010000
トーン
- 994946
- 98504C
- 965753
- 945D59
- 916360
- 8E6966
- 8B6F6D
- 887573
- 847A7A
カラーハーモニー
補色 +180°
- 9B423F
Autumn Ridge
- 007079
≈ Iridescent Peacock
類似色 -30° +30°
- 9B423F
Autumn Ridge
- 954166
≈ Dynamo
- 954C09
≈ Brownie
トライアド +120° +240°
- 9B423F
Autumn Ridge
- 2F7332
≈ Japanese Laurel
- 3F5FA6
≈ International
スプリットコンプリメンタリー +150° +210°
- 9B423F
Autumn Ridge
- 00735E
≈ Tropical Rainforest
- 006B94
≈ Port au Prince
テトラード +90° +180° +270°
- 9B423F
Autumn Ridge
- 626900
≈ Mud Green
- 007079
≈ Iridescent Peacock
- 67529F
≈ Ultrapurple Merge
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.47:1 · APCA Lc 82
Ag
Fail黒の上
WCAG 3.24:1 · APCA Lc 20
最適な文字色: #FFFFFF
WCAG 6.47:1 (AA) · APCA Lc 82
Contrast pairs
コードスニペット
CSS
:root {
--autumn-ridge: #9b423f;
--autumn-ridge-rgb: 155 66 63;
--autumn-ridge-oklch: oklch(0.497 0.12 24.4);
}
.element {
color: var(--autumn-ridge);
background-color: hsl(2 42% 43%);
border-color: oklch(0.497 0.12 24.4);
}Tailwind CSS v4
@theme {
--color-autumn-ridge: #9b423f;
--color-autumn-ridge-50: #ffe9e3;
--color-autumn-ridge-100: #ffd9d3;
--color-autumn-ridge-200: #ffc1b9;
--color-autumn-ridge-300: #efa097;
--color-autumn-ridge-400: #dc817b;
--color-autumn-ridge-500: #c9625e;
--color-autumn-ridge-600: #aa5450;
--color-autumn-ridge-700: #89433f;
--color-autumn-ridge-800: #66302f;
--color-autumn-ridge-900: #472020;
--color-autumn-ridge-950: #2e0f0f;
}SCSS
$autumn-ridge: #9b423f;
$autumn-ridge-rgb: 155, 66, 63;
$autumn-ridge-light: mix(#fff, $autumn-ridge, 20%);
$autumn-ridge-dark: mix(#000, $autumn-ridge, 20%);
.element {
color: $autumn-ridge;
box-shadow: 0 0 0 2px rgba($autumn-ridge, 0.35);
}