最も近い色名 · #574800
#574800
最も近い色名: Ayahuasca Vine
#574800（rgb(87 72 0)、hsl(50 100% 17%)、oklch(0.405 0.083 95.4)）に最も近い色名はAyahuasca Vineです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#574800
oklch(0.405 0.083 95.4)
カラー変換
- HEX
- #574800
- RGB
- rgb(87 72 0)
- HSL
- hsl(50 100% 17%)
- HWB
- hwb(50 0% 66%)
- OKLCH
- oklch(0.405 0.083 95.4)
- OKLab
- oklab(0.405 -0.008 0.083)
- CIE Lab
- lab(31.27 1.32 39.54)
- LCH
- lch(31.27 39.56 88.1)
- CMYK
- cmyk(0% 17% 100% 66%)
ティント · シェード · トーン
ティント
- 665923
- 766A3C
- 867B53
- 968D6B
- A79F82
- B8B29A
- C9C5B3
- DBD8CC
- EDEBE5
シェード
- 4B3D00
- 3E3300
- 332900
- 271F00
- 1C1600
- 120D00
- 080600
- 030200
- 000000
トーン
- 5B4E16
- 5F5325
- 635932
- 675E3D
- 6B6449
- 6F6A54
- 736F5F
- 78756A
- 7C7A75
カラーハーモニー
補色 +180°
- 574800
Ayahuasca Vine
- 3D4476
≈ Little Blue Heron
類似色 -30° +30°
- 574800
Ayahuasca Vine
- 673E0D
≈ Pullman Brown
- 3E5119
≈ Verdun Green
トライアド +120° +240°
- 574800
Ayahuasca Vine
- 005261
≈ Sandalwood Grey Blue
- 64365B
≈ Blackberry Deep Red
スプリットコンプリメンタリー +150° +210°
- 574800
Ayahuasca Vine
- 1B4D73
≈ Sail Maker
- 543C6D
≈ Succinct Violet
テトラード +90° +180° +270°
- 574800
Ayahuasca Vine
- 00554E
≈ Cape Verde
- 3D4476
≈ Little Blue Heron
- 6E3443
≈ Cabernet Craving
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.00:1 · APCA Lc 91
Ag
Fail黒の上
WCAG 2.33:1 · APCA Lc 12
最適な文字色: #FFFFFF
WCAG 9.00:1 (AAA) · APCA Lc 91
Contrast pairs
コードスニペット
CSS
:root {
--ayahuasca-vine: #574800;
--ayahuasca-vine-rgb: 87 72 0;
--ayahuasca-vine-oklch: oklch(0.405 0.083 95.4);
}
.element {
color: var(--ayahuasca-vine);
background-color: hsl(50 100% 17%);
border-color: oklch(0.405 0.083 95.4);
}Tailwind CSS v4
@theme {
--color-ayahuasca-vine: #574800;
--color-ayahuasca-vine-50: #fbf6db;
--color-ayahuasca-vine-100: #efe9c9;
--color-ayahuasca-vine-200: #ded5ad;
--color-ayahuasca-vine-300: #c3b887;
--color-ayahuasca-vine-400: #ad9e64;
--color-ayahuasca-vine-500: #978641;
--color-ayahuasca-vine-600: #807138;
--color-ayahuasca-vine-700: #665b2c;
--color-ayahuasca-vine-800: #4c421e;
--color-ayahuasca-vine-900: #352d14;
--color-ayahuasca-vine-950: #201a06;
}SCSS
$ayahuasca-vine: #574800;
$ayahuasca-vine-rgb: 87, 72, 0;
$ayahuasca-vine-light: mix(#fff, $ayahuasca-vine, 20%);
$ayahuasca-vine-dark: mix(#000, $ayahuasca-vine, 20%);
.element {
color: $ayahuasca-vine;
box-shadow: 0 0 0 2px rgba($ayahuasca-vine, 0.35);
}