最も近い色名 · #A06C09
#A06C09
最も近い色名: Embarrassed Frog
#A06C09（rgb(160 108 9)、hsl(39 89% 33%)、oklch(0.572 0.118 74.9)）に最も近い色名はEmbarrassed Frogです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#A06C09
oklch(0.572 0.118 74.9)
カラー変換
- HEX
- #a06c09
- RGB
- rgb(160 108 9)
- HSL
- hsl(39 89% 33%)
- HWB
- hwb(39 4% 37%)
- OKLCH
- oklch(0.572 0.118 74.9)
- OKLab
- oklab(0.572 0.031 0.114)
- CIE Lab
- lab(50.2 16.15 54.94)
- LCH
- lch(50.2 57.26 73.6)
- CMYK
- cmyk(0% 32% 94% 37%)
ティント · シェード · トーン
ティント
- AA7A31
- B3894B
- BD9763
- C6A679
- D0B48F
- D9C3A6
- E3D2BC
- ECE1D2
- F6F0E8
シェード
- 8B5D07
- 764E05
- 614003
- 4E3202
- 3B2501
- 291901
- 190D00
- 090400
- 010000
トーン
- 9D6E23
- 9A7133
- 97733F
- 94754A
- 917754
- 8E795E
- 8A7B67
- 877D6F
- 847E78
カラーハーモニー
補色 +180°
- A06C09
Embarrassed Frog
- 4479BC
≈ Ashton Blue
類似色 -30° +30°
- A06C09
Embarrassed Frog
- B05F38
≈ Fragrant Cloves
- 837B0B
≈ Soft Fig
トライアド +120° +240°
- A06C09
Embarrassed Frog
- 00898A
≈ Industrial Blue
- 9261A8
≈ Empire Violet
スプリットコンプリメンタリー +150° +210°
- A06C09
Embarrassed Frog
- 0084A8
≈ Tibetan Turquoise
- 716CBA
≈ Purple Toolbox
テトラード +90° +180° +270°
- A06C09
Embarrassed Frog
- 0A8D66
≈ Kabalite Green
- 4479BC
≈ Ashton Blue
- A85988
≈ Cyclamen Red
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.52:1 · APCA Lc 71
Ag
AA黒の上
WCAG 4.64:1 · APCA Lc 31
最適な文字色: #000000
WCAG 4.64:1 (AA) · APCA Lc 31
Contrast pairs
コードスニペット
CSS
:root {
--embarrassed-frog: #a06c09;
--embarrassed-frog-rgb: 160 108 9;
--embarrassed-frog-oklch: oklch(0.572 0.118 74.9);
}
.element {
color: var(--embarrassed-frog);
background-color: hsl(39 89% 33%);
border-color: oklch(0.572 0.118 74.9);
}Tailwind CSS v4
@theme {
--color-embarrassed-frog: #a06c09;
--color-embarrassed-frog-50: #fff2d0;
--color-embarrassed-frog-100: #ffe4bc;
--color-embarrassed-frog-200: #f1ce9b;
--color-embarrassed-frog-300: #dab070;
--color-embarrassed-frog-400: #c79447;
--color-embarrassed-frog-500: #b37904;
--color-embarrassed-frog-600: #97660d;
--color-embarrassed-frog-700: #79520b;
--color-embarrassed-frog-800: #5b3b07;
--color-embarrassed-frog-900: #402805;
--color-embarrassed-frog-950: #281600;
}SCSS
$embarrassed-frog: #a06c09;
$embarrassed-frog-rgb: 160, 108, 9;
$embarrassed-frog-light: mix(#fff, $embarrassed-frog, 20%);
$embarrassed-frog-dark: mix(#000, $embarrassed-frog, 20%);
.element {
color: $embarrassed-frog;
box-shadow: 0 0 0 2px rgba($embarrassed-frog, 0.35);
}