最も近い色名 · #C982C6
#C982C6
最も近い色名: Violaceous
#C982C6（rgb(201 130 198)、hsl(303 40% 65%)、oklch(0.702 0.125 328.3)）に最も近い色名はViolaceousです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#C982C6
oklch(0.702 0.125 328.3)
カラー変換
- HEX
- #c982c6
- RGB
- rgb(201 130 198)
- HSL
- hsl(303 40% 65%)
- HWB
- hwb(303 51% 21%)
- OKLCH
- oklch(0.702 0.125 328.3)
- OKLab
- oklab(0.702 0.106 -0.066)
- CIE Lab
- lab(63.69 35.96 -23.93)
- LCH
- lch(63.69 43.2 326.4)
- CMYK
- cmyk(0% 35% 1% 21%)
ティント · シェード · トーン
ティント
- CF8FCC
- D59BD2
- DAA7D7
- E0B4DD
- E5C0E3
- EBCDE9
- F0D9EE
- F5E6F4
- FAF2F9
シェード
- AE70AC
- 955F92
- 7C4E7A
- 643E62
- 4C2F4B
- 362035
- 221221
- 0F060E
- 020102
トーン
- C282BF
- BB82B8
- B383B1
- AC82AA
- A582A3
- 9E829C
- 968295
- 8F818E
- 888187
カラーハーモニー
補色 +180°
- C982C6
Violaceous
- 64B472
≈ Forest Fern
類似色 -30° +30°
- C982C6
Violaceous
- A98DE2
≈ Middy’s Purple
- DD7C9E
≈ Pinking. Fast and Slow
トライアド +120° +240°
- C982C6
Violaceous
- BF9A34
≈ Gold Taffeta
- 00B3C7
≈ Antigua Blue
スプリットコンプリメンタリー +150° +210°
- C982C6
Violaceous
- 98AA48
≈ Persian Belt
- 1BB8A0
≈ Aare River
テトラード +90° +180° +270°
- C982C6
Violaceous
- D88A4A
≈ Serape
- 64B472
≈ Forest Fern
- 47A9E3
≈ High Blue
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.80:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.49:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--violaceous: #c982c6;
--violaceous-rgb: 201 130 198;
--violaceous-oklch: oklch(0.702 0.125 328.3);
}
.element {
color: var(--violaceous);
background-color: hsl(303 40% 65%);
border-color: oklch(0.702 0.125 328.3);
}Tailwind CSS v4
@theme {
--color-violaceous: #c982c6;
--color-violaceous-50: #ffe9ff;
--color-violaceous-100: #ffdafc;
--color-violaceous-200: #f4c1ee;
--color-violaceous-300: #dca0d6;
--color-violaceous-400: #c683c3;
--color-violaceous-500: #b265af;
--color-violaceous-600: #965694;
--color-violaceous-700: #794577;
--color-violaceous-800: #583259;
--color-violaceous-900: #3e223e;
--color-violaceous-950: #271127;
}SCSS
$violaceous: #c982c6;
$violaceous-rgb: 201, 130, 198;
$violaceous-light: mix(#fff, $violaceous, 20%);
$violaceous-dark: mix(#000, $violaceous, 20%);
.element {
color: $violaceous;
box-shadow: 0 0 0 2px rgba($violaceous, 0.35);
}