最も近い色名 · #48173D
#48173D
最も近い色名: Velvet Cosmos
#48173D（rgb(72 23 61)、hsl(313 52% 19%)、oklch(0.297 0.091 337.4)）に最も近い色名はVelvet Cosmosです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#48173D
oklch(0.297 0.091 337.4)
カラー変換
- HEX
- #48173d
- RGB
- rgb(72 23 61)
- HSL
- hsl(313 52% 19%)
- HWB
- hwb(313 9% 72%)
- OKLCH
- oklch(0.297 0.091 337.4)
- OKLab
- oklab(0.297 0.084 -0.035)
- CIE Lab
- lab(17.17 27.51 -12.59)
- LCH
- lch(17.17 30.25 335.4)
- CMYK
- cmyk(0% 68% 15% 72%)
ティント · シェード · トーン
ティント
- 5A2D4E
- 6C4260
- 7D5773
- 8F6E85
- A28599
- B49CAC
- C7B4C1
- D9CCD5
- ECE5EA
シェード
- 3D1234
- 330E2B
- 290A22
- 1F061A
- 160412
- 0D020A
- 060104
- 020001
- 000000
トーン
- 4E2243
- 542D4A
- 5A3751
- 604157
- 664B5E
- 6B5665
- 71606B
- 766B72
- 7B7579
カラーハーモニー
補色 +180°
- 48173D
Velvet Cosmos
- 00371F
≈ Off-Road Green
類似色 -30° +30°
- 48173D
Velvet Cosmos
- 391E50
≈ Powerful Violet
- 501425
≈ Vino Tinto
トライアド +120° +240°
- 48173D
Velvet Cosmos
- 362D00
≈ Secret Passage
- 00333F
≈ Nordic Noir
スプリットコンプリメンタリー +150° +210°
- 48173D
Velvet Cosmos
- 223400
≈ Blind Forest
- 003532
≈ Shrub Green
テトラード +90° +180° +270°
- 48173D
Velvet Cosmos
- 422600
≈ Blackened Brown
- 00371F
≈ Off-Road Green
- 002F52
≈ Indigo Black
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 14.32:1 · APCA Lc 101
Ag
Fail黒の上
WCAG 1.46:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 14.32:1 (AAA) · APCA Lc 101
Contrast pairs
コードスニペット
CSS
:root {
--velvet-cosmos: #48173d;
--velvet-cosmos-rgb: 72 23 61;
--velvet-cosmos-oklch: oklch(0.297 0.091 337.4);
}
.element {
color: var(--velvet-cosmos);
background-color: hsl(313 52% 19%);
border-color: oklch(0.297 0.091 337.4);
}Tailwind CSS v4
@theme {
--color-velvet-cosmos: #48173d;
--color-velvet-cosmos-50: #ffecfe;
--color-velvet-cosmos-100: #feddf2;
--color-velvet-cosmos-200: #f0c6e1;
--color-velvet-cosmos-300: #d8a6c7;
--color-velvet-cosmos-400: #c28ab2;
--color-velvet-cosmos-500: #ad6e9c;
--color-velvet-cosmos-600: #925d84;
--color-velvet-cosmos-700: #754b69;
--color-velvet-cosmos-800: #56364f;
--color-velvet-cosmos-900: #3c2537;
--color-velvet-cosmos-950: #261322;
}SCSS
$velvet-cosmos: #48173d;
$velvet-cosmos-rgb: 72, 23, 61;
$velvet-cosmos-light: mix(#fff, $velvet-cosmos, 20%);
$velvet-cosmos-dark: mix(#000, $velvet-cosmos, 20%);
.element {
color: $velvet-cosmos;
box-shadow: 0 0 0 2px rgba($velvet-cosmos, 0.35);
}