最も近い色名 · #ED65DB
#ED65DB
最も近い色名: Death of a Star
#ED65DB(rgb(237 101 219)、hsl(308 79% 66%)、oklch(0.715 0.214 333))に最も近い色名はDeath of a Starです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#ED65DB
oklch(0.715 0.214 333)
カラー変換
- HEX
- #ed65db
- RGB
- rgb(237 101 219)
- HSL
- hsl(308 79% 66%)
- HWB
- hwb(308 40% 7%)
- OKLCH
- oklch(0.715 0.214 333)
- OKLab
- oklab(0.715 0.191 -0.097)
- CIE Lab
- lab(63.73 63.53 -35.14)
- LCH
- lch(63.73 72.6 331.1)
- CMYK
- cmyk(0% 57% 8% 7%)
ティント · シェード · トーン
ティント
- F077DF
- F488E3
- F698E7
- F9A7EB
- FBB6EE
- FDC5F2
- FED4F5
- FFE2F9
- FFF1FC
シェード
- CE57BE
- B049A2
- 933C87
- 772F6D
- 5C2254
- 42173C
- 2A0C26
- 140311
- 030002
トーン
- E36AD2
- D86EC9
- CE72C0
- C375B7
- B878AD
- AE7AA4
- A37C9B
- 977E92
- 8C7F89
カラーハーモニー
補色 +180°
- ED65DB
Death of a Star
- 00C268
≈ Algal Fuel
類似色 -30° +30°
- ED65DB
Death of a Star
- BB82FF
≈ Lilac Geode
- FF6597
≈ French Pink
トライアド +120° +240°
- ED65DB
Death of a Star
- C29F00
≈ Molten Bronze
- 00B7D1
≈ Ocean Sigh
スプリットコンプリメンタリー +150° +210°
- ED65DB
Death of a Star
- 8FB300
≈ Grasping Grass
- 00BCAA
≈ Verditer
テトラード +90° +180° +270°
- ED65DB
Death of a Star
- E88800
≈ Hotter Butter
- 00C268
≈ Algal Fuel
- 26ACFF
≈ Fantasy Console Sky
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.80:1 · APCA Lc 53
Ag
AAA黒の上
WCAG 7.48:1 · APCA Lc 49
最適な文字色: #000000
WCAG 7.48:1 (AAA) · APCA Lc 49
Contrast pairs
コードスニペット
CSS
:root {
--death-of-a-star: #ed65db;
--death-of-a-star-rgb: 237 101 219;
--death-of-a-star-oklch: oklch(0.715 0.214 333);
}
.element {
color: var(--death-of-a-star);
background-color: hsl(308 79% 66%);
border-color: oklch(0.715 0.214 333);
}Tailwind CSS v4
@theme {
--color-death-of-a-star: #ed65db;
--color-death-of-a-star-50: #ffdfff;
--color-death-of-a-star-100: #ffcdff;
--color-death-of-a-star-200: #ffb0f9;
--color-death-of-a-star-300: #f989e2;
--color-death-of-a-star-400: #e565d3;
--color-death-of-a-star-500: #d238c1;
--color-death-of-a-star-600: #b132a3;
--color-death-of-a-star-700: #8f2883;
--color-death-of-a-star-800: #691c63;
--color-death-of-a-star-900: #4a1346;
--color-death-of-a-star-950: #30032d;
}SCSS
$death-of-a-star: #ed65db;
$death-of-a-star-rgb: 237, 101, 219;
$death-of-a-star-light: mix(#fff, $death-of-a-star, 20%);
$death-of-a-star-dark: mix(#000, $death-of-a-star, 20%);
.element {
color: $death-of-a-star;
box-shadow: 0 0 0 2px rgba($death-of-a-star, 0.35);
}