最も近い色名 · #72165E
#72165E
最も近い色名: Velvet
#72165E（rgb(114 22 94)、hsl(313 68% 27%)、oklch(0.387 0.147 338.6)）に最も近い色名はVelvetです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#72165E
oklch(0.387 0.147 338.6)
カラー変換
- HEX
- #72165e
- RGB
- rgb(114 22 94)
- HSL
- hsl(313 68% 27%)
- HWB
- hwb(313 9% 55%)
- OKLCH
- oklch(0.387 0.147 338.6)
- OKLab
- oklab(0.387 0.137 -0.054)
- CIE Lab
- lab(26.73 44.7 -19.37)
- LCH
- lch(26.73 48.71 336.6)
- CMYK
- cmyk(0% 81% 18% 55%)
ティント · シェード · トーン
ティント
- 81316D
- 90487D
- 9F5E8C
- AD759C
- BB8BAC
- C9A1BC
- D7B8CD
- E5D0DD
- F2E7EE
シェード
- 621251
- 530D44
- 440937
- 36062B
- 28031F
- 1B0214
- 0E010A
- 040003
- 010000
トーン
- 752562
- 773165
- 793C69
- 7B476C
- 7D5170
- 7E5A73
- 7F6476
- 806D7A
- 80777D
カラーハーモニー
補色 +180°
- 72165E
Velvet
- 005232
≈ Card Table Green
類似色 -30° +30°
- 72165E
Velvet
- 5B247F
≈ Purplex
- 7F0A34
≈ Inescapable Lover
トライアド +120° +240°
- 72165E
Velvet
- 4F4400
≈ Roman Bronze
- 004D5D
≈ Teal Dark Blue
スプリットコンプリメンタリー +150° +210°
- 72165E
Velvet
- 334E00
≈ Godzilla
- 004F4B
≈ Action Green
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 10.54:1 · APCA Lc 93
Ag
Fail黒の上
WCAG 1.99:1 · APCA Lc 9
最適な文字色: #FFFFFF
WCAG 10.54:1 (AAA) · APCA Lc 93
Contrast pairs
コードスニペット
CSS
:root {
--velvet: #72165e;
--velvet-rgb: 114 22 94;
--velvet-oklch: oklch(0.387 0.147 338.6);
}
.element {
color: var(--velvet);
background-color: hsl(313 68% 27%);
border-color: oklch(0.387 0.147 338.6);
}Tailwind CSS v4
@theme {
--color-velvet: #72165e;
--color-velvet-50: #ffe5ff;
--color-velvet-100: #ffd5f7;
--color-velvet-200: #ffbce7;
--color-velvet-300: #ea99ce;
--color-velvet-400: #d67abc;
--color-velvet-500: #c259a7;
--color-velvet-600: #a44c8d;
--color-velvet-700: #843d71;
--color-velvet-800: #612c55;
--color-velvet-900: #441d3b;
--color-velvet-950: #2c0d25;
}SCSS
$velvet: #72165e;
$velvet-rgb: 114, 22, 94;
$velvet-light: mix(#fff, $velvet, 20%);
$velvet-dark: mix(#000, $velvet, 20%);
.element {
color: $velvet;
box-shadow: 0 0 0 2px rgba($velvet, 0.35);
}