最も近い色名 · #C20052
#C20052
最も近い色名: Velvet Magic
#C20052（rgb(194 0 82)、hsl(335 100% 38%)、oklch(0.522 0.209 8)）に最も近い色名はVelvet Magicです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#C20052
oklch(0.522 0.209 8)
カラー変換
- HEX
- #c20052
- RGB
- rgb(194 0 82)
- HSL
- hsl(335 100% 38%)
- HWB
- hwb(335 0% 24%)
- OKLCH
- oklch(0.522 0.209 8)
- OKLab
- oklab(0.522 0.207 0.029)
- CIE Lab
- lab(42.02 67.58 13.1)
- LCH
- lch(42.02 68.84 11)
- CMYK
- cmyk(0% 100% 58% 24%)
ティント · シェード · トーン
ティント
- CC3562
- D45172
- DD6982
- E47F93
- EB95A5
- F0AAB6
- F5BFC8
- F9D5DA
- FDEAEC
シェード
- A80046
- 8F003B
- 77002F
- 600025
- 49001A
- 340011
- 200008
- 0E0002
- 020000
トーン
- BD2557
- B9375B
- B34460
- AE4F64
- A85969
- A1626D
- 9A6A72
- 927277
- 8A797B
カラーハーモニー
補色 +180°
- C20052
Velvet Magic
- 007A73
≈ Hydra Turquoise
類似色 -30° +30°
- C20052
Velvet Magic
- AE1E92
≈ Magneto’s Magenta
- B63800
≈ Dropped Brick
トライアド +120° +240°
- C20052
Velvet Magic
- 527700
≈ Tropicana
- 006DB5
≈ Beautiful Blue
スプリットコンプリメンタリー +150° +210°
- C20052
Velvet Magic
- 007E4D
≈ Picture Book Green
- 00768D
≈ Enamel Blue
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.14:1 · APCA Lc 78
Ag
Fail黒の上
WCAG 3.41:1 · APCA Lc 24
最適な文字色: #FFFFFF
WCAG 6.14:1 (AA) · APCA Lc 78
Contrast pairs
コードスニペット
CSS
:root {
--velvet-magic: #c20052;
--velvet-magic-rgb: 194 0 82;
--velvet-magic-oklch: oklch(0.522 0.209 8);
}
.element {
color: var(--velvet-magic);
background-color: hsl(335 100% 38%);
border-color: oklch(0.522 0.209 8);
}Tailwind CSS v4
@theme {
--color-velvet-magic: #c20052;
--color-velvet-magic-50: #ffdde7;
--color-velvet-magic-100: #ffcbd8;
--color-velvet-magic-200: #ffadc0;
--color-velvet-magic-300: #ff859f;
--color-velvet-magic-400: #ff5d87;
--color-velvet-magic-500: #ed266b;
--color-velvet-magic-600: #c9255b;
--color-velvet-magic-700: #a11e49;
--color-velvet-magic-800: #781337;
--color-velvet-magic-900: #550d26;
--color-velvet-magic-950: #390014;
}SCSS
$velvet-magic: #c20052;
$velvet-magic-rgb: 194, 0, 82;
$velvet-magic-light: mix(#fff, $velvet-magic, 20%);
$velvet-magic-dark: mix(#000, $velvet-magic, 20%);
.element {
color: $velvet-magic;
box-shadow: 0 0 0 2px rgba($velvet-magic, 0.35);
}