最も近い色名 · #347957
#347957
最も近い色名: Amazon
#347957（rgb(52 121 87)、hsl(150 40% 34%)、oklch(0.522 0.089 159.5)）に最も近い色名はAmazonです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#347957
oklch(0.522 0.089 159.5)
カラー変換
- HEX
- #347957
- RGB
- rgb(52 121 87)
- HSL
- hsl(150 40% 34%)
- HWB
- hwb(150 20% 53%)
- OKLCH
- oklch(0.522 0.089 159.5)
- OKLab
- oklab(0.522 -0.083 0.031)
- CIE Lab
- lab(45.7 -29.29 11.86)
- LCH
- lch(45.7 31.6 158)
- CMYK
- cmyk(57% 0% 28% 53%)
ティント · シェード · トーン
ティント
- 4A8666
- 5E9376
- 72A086
- 86AD97
- 9ABBA7
- AEC8B8
- C2D6CA
- D6E3DB
- EAF1ED
シェード
- 2C684B
- 24583E
- 1C4833
- 153927
- 0E2B1C
- 071D12
- 031008
- 010503
- 000100
トーン
- 3E7A5B
- 477B5F
- 4F7C63
- 577C67
- 5E7D6C
- 657E70
- 6C7E74
- 737F78
- 7A807C
カラーハーモニー
補色 +180°
- 347957
Amazon
- 8B547A
≈ Plum Highness
類似色 -30° +30°
- 347957
Amazon
- 59733A
≈ Deep Pine
- 067974
≈ Hydra Turquoise
トライアド +120° +240°
- 347957
Amazon
- 5F639C
≈ Iris Bloom
- 955741
≈ Seville Scarlet
スプリットコンプリメンタリー +150° +210°
- 347957
Amazon
- 795A90
≈ Ghostly Purple
- 95535E
≈ Mesa Red
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.22:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 4.01:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--amazon: #347957;
--amazon-rgb: 52 121 87;
--amazon-oklch: oklch(0.522 0.089 159.5);
}
.element {
color: var(--amazon);
background-color: hsl(150 40% 34%);
border-color: oklch(0.522 0.089 159.5);
}Tailwind CSS v4
@theme {
--color-amazon: #347957;
--color-amazon-50: #e0feed;
--color-amazon-100: #cff2df;
--color-amazon-200: #b3e1c8;
--color-amazon-300: #8ec6a9;
--color-amazon-400: #6eaf8c;
--color-amazon-500: #4b9871;
--color-amazon-600: #418160;
--color-amazon-700: #33674d;
--color-amazon-800: #254c36;
--color-amazon-900: #193525;
--color-amazon-950: #092014;
}SCSS
$amazon: #347957;
$amazon-rgb: 52, 121, 87;
$amazon-light: mix(#fff, $amazon, 20%);
$amazon-dark: mix(#000, $amazon, 20%);
.element {
color: $amazon;
box-shadow: 0 0 0 2px rgba($amazon, 0.35);
}