最も近い色名 · #905F61
#905F61
最も近い色名: Reading Tea Leaves
#905F61（rgb(144 95 97)、hsl(358 21% 47%)、oklch(0.539 0.064 16.7)）に最も近い色名はReading Tea Leavesです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#905F61
oklch(0.539 0.064 16.7)
カラー変換
- HEX
- #905f61
- RGB
- rgb(144 95 97)
- HSL
- hsl(358 21% 47%)
- HWB
- hwb(358 37% 44%)
- OKLCH
- oklch(0.539 0.064 16.7)
- OKLab
- oklab(0.539 0.062 0.019)
- CIE Lab
- lab(45.82 20.77 7.49)
- LCH
- lch(45.82 22.08 19.8)
- CMYK
- cmyk(0% 34% 33% 44%)
ティント · シェード · トーン
ティント
- 9B6E70
- A67D7E
- B28D8E
- BD9C9D
- C8ACAD
- D3BCBD
- DECDCD
- E9DDDD
- F4EEEE
シェード
- 7D5253
- 6A4446
- 573839
- 452C2D
- 342021
- 241515
- 150A0B
- 070303
- 010000
トーン
- 8F6264
- 8E6667
- 8C696A
- 8B6D6D
- 897070
- 887374
- 867677
- 847A7A
- 827D7D
カラーハーモニー
補色 +180°
- 905F61
Reading Tea Leaves
- 3C7A7B
≈ Grand Canal
類似色 -30° +30°
- 905F61
Reading Tea Leaves
- 8A5F76
≈ Grape Nectar
- 8E634E
≈ Gaboon Viper
トライアド +120° +240°
- 905F61
Reading Tea Leaves
- 5D7752
≈ Garden Club
- 567094
≈ Blue Jacket
スプリットコンプリメンタリー +150° +210°
- 905F61
Reading Tea Leaves
- 477A66
≈ Leaping Lizard
- 43768B
≈ Majestic Mountain
テトラード +90° +180° +270°
- 905F61
Reading Tea Leaves
- 737144
≈ Wild Jungle
- 3C7A7B
≈ Grand Canal
- 6B6992
≈ Wild Wisteria
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.25:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 3.99:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--reading-tea-leaves: #905f61;
--reading-tea-leaves-rgb: 144 95 97;
--reading-tea-leaves-oklch: oklch(0.539 0.064 16.7);
}
.element {
color: var(--reading-tea-leaves);
background-color: hsl(358 21% 47%);
border-color: oklch(0.539 0.064 16.7);
}Tailwind CSS v4
@theme {
--color-reading-tea-leaves: #905f61;
--color-reading-tea-leaves-50: #ffeeee;
--color-reading-tea-leaves-100: #fde0df;
--color-reading-tea-leaves-200: #efcac9;
--color-reading-tea-leaves-300: #d7abab;
--color-reading-tea-leaves-400: #c28f91;
--color-reading-tea-leaves-500: #ad7577;
--color-reading-tea-leaves-600: #926365;
--color-reading-tea-leaves-700: #754f51;
--color-reading-tea-leaves-800: #56393b;
--color-reading-tea-leaves-900: #3c2729;
--color-reading-tea-leaves-950: #261517;
}SCSS
$reading-tea-leaves: #905f61;
$reading-tea-leaves-rgb: 144, 95, 97;
$reading-tea-leaves-light: mix(#fff, $reading-tea-leaves, 20%);
$reading-tea-leaves-dark: mix(#000, $reading-tea-leaves, 20%);
.element {
color: $reading-tea-leaves;
box-shadow: 0 0 0 2px rgba($reading-tea-leaves, 0.35);
}