最も近い色名 · #752046
#752046
最も近い色名: Her Fierceness
#752046（rgb(117 32 70)、hsl(333 57% 29%)、oklch(0.391 0.123 357.1)）に最も近い色名はHer Fiercenessです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#752046
oklch(0.391 0.123 357.1)
カラー変換
- HEX
- #752046
- RGB
- rgb(117 32 70)
- HSL
- hsl(333 57% 29%)
- HWB
- hwb(333 13% 54%)
- OKLCH
- oklch(0.391 0.123 357.1)
- OKLab
- oklab(0.391 0.123 -0.006)
- CIE Lab
- lab(27.75 39.81 -1.86)
- LCH
- lch(27.75 39.85 357.3)
- CMYK
- cmyk(0% 73% 40% 54%)
ティント · シェード · トーン
ティント
- 843756
- 934D67
- A16279
- B0788B
- BD8D9D
- CBA3B0
- D8BAC3
- E5D1D7
- F2E8EB
シェード
- 651A3C
- 551532
- 460F28
- 370A1E
- 290615
- 1C030D
- 0F0105
- 050002
- 010000
トーン
- 782C4C
- 7A3651
- 7C4057
- 7D4A5C
- 7F5362
- 805C68
- 80656E
- 816E74
- 81777A
カラーハーモニー
補色 +180°
- 752046
Her Fierceness
- 005245
≈ Tetsu Green
類似色 -30° +30°
- 752046
Her Fierceness
- 662767
≈ Blackest Berry
- 7A211D
≈ Incubus
トライアド +120° +240°
- 752046
Her Fierceness
- 424B00
≈ No Emissions Green
- 004B6D
≈ Navy Dark Blue
スプリットコンプリメンタリー +150° +210°
- 752046
Her Fierceness
- 00551B
≈ O Tannenbaum
- 004F57
≈ Deep Atlantic Blue
テトラード +90° +180° +270°
- 752046
Her Fierceness
- 584200
≈ Sugarloaf Brown
- 005245
≈ Tetsu Green
- 283F86
≈ Blue Oblivion
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 10.23:1 · APCA Lc 93
Ag
Fail黒の上
WCAG 2.05:1 · APCA Lc 10
最適な文字色: #FFFFFF
WCAG 10.23:1 (AAA) · APCA Lc 93
Contrast pairs
コードスニペット
CSS
:root {
--her-fierceness: #752046;
--her-fierceness-rgb: 117 32 70;
--her-fierceness-oklch: oklch(0.391 0.123 357.1);
}
.element {
color: var(--her-fierceness);
background-color: hsl(333 57% 29%);
border-color: oklch(0.391 0.123 357.1);
}Tailwind CSS v4
@theme {
--color-her-fierceness: #752046;
--color-her-fierceness-50: #ffe7f4;
--color-her-fierceness-100: #ffd7e7;
--color-her-fierceness-200: #ffbfd3;
--color-her-fierceness-300: #ec9db6;
--color-her-fierceness-400: #d87e9f;
--color-her-fierceness-500: #c55f87;
--color-her-fierceness-600: #a65172;
--color-her-fierceness-700: #85415b;
--color-her-fierceness-800: #632e44;
--color-her-fierceness-900: #451f2f;
--color-her-fierceness-950: #2d0f1c;
}SCSS
$her-fierceness: #752046;
$her-fierceness-rgb: 117, 32, 70;
$her-fierceness-light: mix(#fff, $her-fierceness, 20%);
$her-fierceness-dark: mix(#000, $her-fierceness, 20%);
.element {
color: $her-fierceness;
box-shadow: 0 0 0 2px rgba($her-fierceness, 0.35);
}