最も近い色名 · #CE1E6A
#CE1E6A
最も近い色名: Vampiric Bloodlust
#CE1E6A（rgb(206 30 106)、hsl(334 75% 46%)、oklch(0.56 0.211 2.3)）に最も近い色名はVampiric Bloodlustです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#CE1E6A
oklch(0.56 0.211 2.3)
カラー変換
- HEX
- #ce1e6a
- RGB
- rgb(206 30 106)
- HSL
- hsl(334 75% 46%)
- HWB
- hwb(334 12% 19%)
- OKLCH
- oklch(0.56 0.211 2.3)
- OKLab
- oklab(0.56 0.211 0.009)
- CIE Lab
- lab(46.36 68.02 4.5)
- LCH
- lch(46.36 68.17 3.8)
- CMYK
- cmyk(0% 85% 49% 19%)
ティント · シェード · トーン
ティント
- D64178
- DE5A86
- E47194
- EB86A3
- F09BB2
- F5AFC1
- F8C3D0
- FCD7DF
- FEEBEF
シェード
- B3195B
- 98134D
- 7F0E3F
- 660931
- 4E0524
- 380318
- 23010D
- 0F0004
- 020000
トーン
- C8326C
- C2406E
- BB4C71
- B45573
- AD5E75
- A56677
- 9D6D79
- 94747C
- 8B7A7E
カラーハーモニー
補色 +180°
- CE1E6A
Vampiric Bloodlust
- 008779
≈ Mystic Turquoise
類似色 -30° +30°
- CE1E6A
Vampiric Bloodlust
- B632A9
≈ San Francisco Pink
- D42700
≈ Dazzling Red
トライアド +120° +240°
- CE1E6A
Vampiric Bloodlust
- 678000
≈ Jungle Vibes
- 007BBC
≈ Deep Cerulean
スプリットコンプリメンタリー +150° +210°
- CE1E6A
Vampiric Bloodlust
- 008C47
≈ Grass Court
- 008396
≈ Cruising
テトラード +90° +180° +270°
- CE1E6A
Vampiric Bloodlust
- 8C7200
≈ Vermin Brown
- 008779
≈ Mystic Turquoise
- 4F60ED
≈ The Rainbow Fish
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.22:1 · APCA Lc 74
Ag
Fail黒の上
WCAG 4.01:1 · APCA Lc 28
最適な文字色: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 74
Contrast pairs
コードスニペット
CSS
:root {
--vampiric-bloodlust: #ce1e6a;
--vampiric-bloodlust-rgb: 206 30 106;
--vampiric-bloodlust-oklch: oklch(0.56 0.211 2.3);
}
.element {
color: var(--vampiric-bloodlust);
background-color: hsl(334 75% 46%);
border-color: oklch(0.56 0.211 2.3);
}Tailwind CSS v4
@theme {
--color-vampiric-bloodlust: #ce1e6a;
--color-vampiric-bloodlust-50: #ffddee;
--color-vampiric-bloodlust-100: #ffcbdf;
--color-vampiric-bloodlust-200: #ffadc9;
--color-vampiric-bloodlust-300: #ff84aa;
--color-vampiric-bloodlust-400: #fd5c94;
--color-vampiric-bloodlust-500: #eb267a;
--color-vampiric-bloodlust-600: #c72468;
--color-vampiric-bloodlust-700: #a01d53;
--color-vampiric-bloodlust-800: #77133f;
--color-vampiric-bloodlust-900: #540d2b;
--color-vampiric-bloodlust-950: #380019;
}SCSS
$vampiric-bloodlust: #ce1e6a;
$vampiric-bloodlust-rgb: 206, 30, 106;
$vampiric-bloodlust-light: mix(#fff, $vampiric-bloodlust, 20%);
$vampiric-bloodlust-dark: mix(#000, $vampiric-bloodlust, 20%);
.element {
color: $vampiric-bloodlust;
box-shadow: 0 0 0 2px rgba($vampiric-bloodlust, 0.35);
}