最も近い色名 · #4A4000
#4A4000
最も近い色名: Alligator Gladiator
#4A4000（rgb(74 64 0)、hsl(52 100% 15%)、oklch(0.37 0.077 99.2)）に最も近い色名はAlligator Gladiatorです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#4A4000
oklch(0.37 0.077 99.2)
カラー変換
- HEX
- #4a4000
- RGB
- rgb(74 64 0)
- HSL
- hsl(52 100% 15%)
- HWB
- hwb(52 0% 71%)
- OKLCH
- oklch(0.37 0.077 99.2)
- OKLab
- oklab(0.37 -0.012 0.076)
- CIE Lab
- lab(27.29 -0.66 35.86)
- LCH
- lch(27.29 35.87 91)
- CMYK
- cmyk(0% 14% 100% 71%)
ティント · シェード · トーン
ティント
- 5A5120
- 6B6339
- 7C7550
- 8D8868
- 9F9B80
- B2AE98
- C5C2B1
- D8D6CB
- EBEAE5
シェード
- 3F3600
- 352D00
- 2A2400
- 201B00
- 171300
- 0E0B00
- 060500
- 020100
- 000000
トーン
- 4F4614
- 544D22
- 59532F
- 5F593B
- 646047
- 6A6652
- 6F6D5D
- 757369
- 7A7974
カラーハーモニー
補色 +180°
- 4A4000
Alligator Gladiator
- 383B68
≈ Rhynchites Nitens
類似色 -30° +30°
- 4A4000
Alligator Gladiator
- 5A3706
≈ Chocolate Fantasies
- 334817
≈ Treetop Cathedral
トライアド +120° +240°
- 4A4000
Alligator Gladiator
- 004858
≈ Midnight Green
- 5A2E4D
≈ Winter Bloom
スプリットコンプリメンタリー +150° +210°
- 4A4000
Alligator Gladiator
- 1B4267
≈ Lucidity
- 4C335E
≈ Royal Crown
テトラード +90° +180° +270°
- 4A4000
Alligator Gladiator
- 004A47
≈ Deep Into the Jungle
- 383B68
≈ Rhynchites Nitens
- 612D37
≈ Chocolate Truffle
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 10.37:1 · APCA Lc 94
Ag
Fail黒の上
WCAG 2.02:1 · APCA Lc 9
最適な文字色: #FFFFFF
WCAG 10.37:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--alligator-gladiator: #4a4000;
--alligator-gladiator-rgb: 74 64 0;
--alligator-gladiator-oklch: oklch(0.37 0.077 99.2);
}
.element {
color: var(--alligator-gladiator);
background-color: hsl(52 100% 15%);
border-color: oklch(0.37 0.077 99.2);
}Tailwind CSS v4
@theme {
--color-alligator-gladiator: #4a4000;
--color-alligator-gladiator-50: #f9f6de;
--color-alligator-gladiator-100: #ede9cc;
--color-alligator-gladiator-200: #dbd6b0;
--color-alligator-gladiator-300: #bfb98c;
--color-alligator-gladiator-400: #a9a06a;
--color-alligator-gladiator-500: #938748;
--color-alligator-gladiator-600: #7c723e;
--color-alligator-gladiator-700: #635c31;
--color-alligator-gladiator-800: #4a4322;
--color-alligator-gladiator-900: #332e17;
--color-alligator-gladiator-950: #1f1b08;
}SCSS
$alligator-gladiator: #4a4000;
$alligator-gladiator-rgb: 74, 64, 0;
$alligator-gladiator-light: mix(#fff, $alligator-gladiator, 20%);
$alligator-gladiator-dark: mix(#000, $alligator-gladiator, 20%);
.element {
color: $alligator-gladiator;
box-shadow: 0 0 0 2px rgba($alligator-gladiator, 0.35);
}