最も近い色名 · #95603E
#95603E
最も近い色名: Argan Oil
#95603E（rgb(149 96 62)、hsl(23 41% 41%)、oklch(0.539 0.084 52.7)）に最も近い色名はArgan Oilです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#95603E
oklch(0.539 0.084 52.7)
カラー変換
- HEX
- #95603e
- RGB
- rgb(149 96 62)
- HSL
- hsl(23 41% 41%)
- HWB
- hwb(23 24% 42%)
- OKLCH
- oklch(0.539 0.084 52.7)
- OKLab
- oklab(0.539 0.051 0.067)
- CIE Lab
- lab(46.13 19.53 28.59)
- LCH
- lch(46.13 34.63 55.7)
- CMYK
- cmyk(0% 36% 58% 42%)
ティント · シェード · トーン
ティント
- A06F51
- AB7E63
- B58E76
- C09E89
- CBAD9C
- D5BDAF
- E0CDC3
- EADED6
- F5EEEB
シェード
- 815235
- 6D452B
- 5A3823
- 482C1A
- 372012
- 26150A
- 160A04
- 080301
- 010000
トーン
- 936445
- 92674C
- 906A53
- 8E6E5A
- 8C7160
- 8A7467
- 88776D
- 857A74
- 837D7A
カラーハーモニー
補色 +180°
- 95603E
Argan Oil
- 347797
≈ Cottage by the Sea
類似色 -30° +30°
- 95603E
Argan Oil
- 9A5A57
≈ Rhode Island Red
- 866A2F
≈ Aged Antics
トライアド +120° +240°
- 95603E
Argan Oil
- 2F7E69
≈ Trans Tasman
- 70659B
≈ Pandora
スプリットコンプリメンタリー +150° +210°
- 95603E
Argan Oil
- 1C7D84
≈ Caribe
- 546EA0
≈ Chesty Bond
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.22:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 4.02:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--argan-oil: #95603e;
--argan-oil-rgb: 149 96 62;
--argan-oil-oklch: oklch(0.539 0.084 52.7);
}
.element {
color: var(--argan-oil);
background-color: hsl(23 41% 41%);
border-color: oklch(0.539 0.084 52.7);
}Tailwind CSS v4
@theme {
--color-argan-oil: #95603e;
--color-argan-oil-50: #ffefdf;
--color-argan-oil-100: #ffe1ce;
--color-argan-oil-200: #f2cbb3;
--color-argan-oil-300: #daac8f;
--color-argan-oil-400: #c7916f;
--color-argan-oil-500: #b2764f;
--color-argan-oil-600: #976444;
--color-argan-oil-700: #795036;
--color-argan-oil-800: #5a3a27;
--color-argan-oil-900: #3f271a;
--color-argan-oil-950: #28150a;
}SCSS
$argan-oil: #95603e;
$argan-oil-rgb: 149, 96, 62;
$argan-oil-light: mix(#fff, $argan-oil, 20%);
$argan-oil-dark: mix(#000, $argan-oil, 20%);
.element {
color: $argan-oil;
box-shadow: 0 0 0 2px rgba($argan-oil, 0.35);
}