最も近い色名 · #905332
#905332
最も近い色名: Hello Fall
#905332（rgb(144 83 50)、hsl(21 48% 38%)、oklch(0.506 0.094 48.1)）に最も近い色名はHello Fallです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#905332
oklch(0.506 0.094 48.1)
カラー変換
- HEX
- #905332
- RGB
- rgb(144 83 50)
- HSL
- hsl(21 48% 38%)
- HWB
- hwb(21 20% 44%)
- OKLCH
- oklch(0.506 0.094 48.1)
- OKLab
- oklab(0.506 0.063 0.07)
- CIE Lab
- lab(42.15 23.8 30.48)
- LCH
- lch(42.15 38.67 52)
- CMYK
- cmyk(0% 42% 65% 44%)
ティント · シェード · トーン
ティント
- 9C6346
- A7745A
- B2856D
- BE9681
- C9A796
- D4B8AA
- DFC9BF
- EADBD4
- F4EDE9
シェード
- 7D472A
- 6A3B22
- 57301B
- 452514
- 341B0D
- 241107
- 150803
- 070201
- 010000
トーン
- 8F583B
- 8E5D43
- 8D614B
- 8B6653
- 8A6B5B
- 886F62
- 87736A
- 857871
- 827C79
カラーハーモニー
補色 +180°
- 905332
Hello Fall
- 116F8F
≈ Tropic Sea
類似色 -30° +30°
- 905332
Hello Fall
- 934D50
≈ Crantini
- 825D1A
≈ Soil of Avagddu
トライアド +120° +240°
- 905332
Hello Fall
- 1A765B
≈ Tropical Rainforest
- 635B98
≈ Giant Onion
スプリットコンプリメンタリー +150° +210°
- 905332
Hello Fall
- 007477
≈ Maxi Teal
- 42669A
≈ Too Blue
テトラード +90° +180° +270°
- 905332
Hello Fall
- 49723B
≈ Gully Green
- 116F8F
≈ Tropic Sea
- 7B5388
≈ Cleopatra’s Gown
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.05:1 · APCA Lc 80
Ag
Fail黒の上
WCAG 3.46:1 · APCA Lc 22
最適な文字色: #FFFFFF
WCAG 6.05:1 (AA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--hello-fall: #905332;
--hello-fall-rgb: 144 83 50;
--hello-fall-oklch: oklch(0.506 0.094 48.1);
}
.element {
color: var(--hello-fall);
background-color: hsl(21 48% 38%);
border-color: oklch(0.506 0.094 48.1);
}Tailwind CSS v4
@theme {
--color-hello-fall: #905332;
--color-hello-fall-50: #ffeede;
--color-hello-fall-100: #ffe0cd;
--color-hello-fall-200: #f6c9b1;
--color-hello-fall-300: #dfaa8c;
--color-hello-fall-400: #cc8d6d;
--color-hello-fall-500: #b9724d;
--color-hello-fall-600: #9c6142;
--color-hello-fall-700: #7d4d34;
--color-hello-fall-800: #5d3825;
--color-hello-fall-900: #412619;
--color-hello-fall-950: #2a140a;
}SCSS
$hello-fall: #905332;
$hello-fall-rgb: 144, 83, 50;
$hello-fall-light: mix(#fff, $hello-fall, 20%);
$hello-fall-dark: mix(#000, $hello-fall, 20%);
.element {
color: $hello-fall;
box-shadow: 0 0 0 2px rgba($hello-fall, 0.35);
}