最も近い色名 · #C893FF
#C893FF
最も近い色名: Diva
#C893FF（rgb(200 147 255)、hsl(269 100% 79%)、oklch(0.755 0.159 305.5)）に最も近い色名はDivaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#C893FF
oklch(0.755 0.159 305.5)
カラー変換
- HEX
- #c893ff
- RGB
- rgb(200 147 255)
- HSL
- hsl(269 100% 79%)
- HWB
- hwb(269 58% 0%)
- OKLCH
- oklch(0.755 0.159 305.5)
- OKLab
- oklab(0.755 0.092 -0.129)
- CIE Lab
- lab(69.35 35.76 -46.63)
- LCH
- lch(69.35 58.76 307.5)
- CMYK
- cmyk(22% 42% 0% 0%)
ティント · シェード · トーン
ティント
- CD9EFF
- D3A9FF
- D8B4FF
- DEBFFF
- E3CAFF
- E9D5FF
- EEDFFF
- F4EAFF
- F9F4FF
シェード
- AE7FDE
- 946CBE
- 7B599E
- 634780
- 4C3663
- 362548
- 21162E
- 0F0816
- 020103
トーン
- C192F2
- B990E5
- B28FD8
- AA8DCC
- A38BBF
- 9C89B2
- 9587A6
- 8E8599
- 87828D
カラーハーモニー
補色 +180°
- C893FF
Diva
- 98C143
≈ Pesto Genovese
類似色 -30° +30°
トライアド +120° +240°
スプリットコンプリメンタリー +150° +210°
- C893FF
Diva
- CEAE00
≈ Sulphur
- 44CD83
≈ Paris Green
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.31:1 · APCA Lc 45
Ag
AAA黒の上
WCAG 9.07:1 · APCA Lc 57
最適な文字色: #000000
WCAG 9.07:1 (AAA) · APCA Lc 57
Contrast pairs
コードスニペット
CSS
:root {
--diva: #c893ff;
--diva-rgb: 200 147 255;
--diva-oklch: oklch(0.755 0.159 305.5);
}
.element {
color: var(--diva);
background-color: hsl(269 100% 79%);
border-color: oklch(0.755 0.159 305.5);
}Tailwind CSS v4
@theme {
--color-diva: #c893ff;
--color-diva-50: #ffeaff;
--color-diva-100: #f6daff;
--color-diva-200: #e7c2ff;
--color-diva-300: #cda1f6;
--color-diva-400: #b584e8;
--color-diva-500: #a065d8;
--color-diva-600: #8756b6;
--color-diva-700: #6c4593;
--color-diva-800: #4e326e;
--color-diva-900: #36224e;
--color-diva-950: #211134;
}SCSS
$diva: #c893ff;
$diva-rgb: 200, 147, 255;
$diva-light: mix(#fff, $diva, 20%);
$diva-dark: mix(#000, $diva, 20%);
.element {
color: $diva;
box-shadow: 0 0 0 2px rgba($diva, 0.35);
}