色名 · #E5A5B1
Love at First Sight
Love at First Sightは#E5A5B1：rgb(229 165 177)、hsl(349 55% 77%)、oklch(0.786 0.077 6.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Love at First Sight color name →
#E5A5B1
oklch(0.786 0.077 6.6)
カラー変換
- HEX
- #e5a5b1
- RGB
- rgb(229 165 177)
- HSL
- hsl(349 55% 77%)
- HWB
- hwb(349 65% 10%)
- OKLCH
- oklch(0.786 0.077 6.6)
- OKLab
- oklab(0.786 0.077 0.009)
- CIE Lab
- lab(74.24 25.58 3.69)
- LCH
- lch(74.24 25.85 8.2)
- CMYK
- cmyk(0% 28% 23% 10%)
ティント · シェード · トーン
ティント
- E8AEB9
- EBB7C0
- EEC0C8
- F1C9D0
- F4D2D7
- F6DBDF
- F9E4E7
- FBEDEF
- FDF6F7
シェード
- C78F99
- AA7983
- 8E656C
- 725157
- 583D42
- 3F2B2F
- 281A1C
- 120A0C
- 030101
トーン
- DBA1AC
- D19EA7
- C69AA2
- BC969D
- B29398
- A88F93
- 9E8B8E
- 94888A
- 8A8485
カラーハーモニー
補色 +180°
- E5A5B1
Love at First Sight
- 7DCAC1
≈ Blue Green Gem
類似色 -30° +30°
- E5A5B1
Love at First Sight
- DAA7CC
≈ Tiara Pink
- E6A897
≈ Ageless Beauty
トライアド +120° +240°
- E5A5B1
Love at First Sight
- ACC38D
≈ Shrubbery
- 91BFE8
≈ Blue Shutters
スプリットコンプリメンタリー +150° +210°
- E5A5B1
Love at First Sight
- 90C9A5
≈ Peppermint Spray
- 7EC6D9
≈ Water Flow
テトラード +90° +180° +270°
- E5A5B1
Love at First Sight
- C7BA80
≈ Frozen Marguerita
- 7DCAC1
≈ Blue Green Gem
- ACB5EB
≈ Perano
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.02:1 · APCA Lc 39
Ag
AAA黒の上
WCAG 10.34:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.34:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
CSS
:root {
--love-at-first-sight: #e5a5b1;
--love-at-first-sight-rgb: 229 165 177;
--love-at-first-sight-oklch: oklch(0.786 0.077 6.6);
}
.element {
color: var(--love-at-first-sight);
background-color: hsl(349 55% 77%);
border-color: oklch(0.786 0.077 6.6);
}Tailwind CSS v4
@theme {
--color-love-at-first-sight: #e5a5b1;
--color-love-at-first-sight-50: #ffedf1;
--color-love-at-first-sight-100: #ffdee3;
--color-love-at-first-sight-200: #f3c7cd;
--color-love-at-first-sight-300: #dba8af;
--color-love-at-first-sight-400: #c78c97;
--color-love-at-first-sight-500: #b2707e;
--color-love-at-first-sight-600: #965f6a;
--color-love-at-first-sight-700: #794c55;
--color-love-at-first-sight-800: #59373f;
--color-love-at-first-sight-900: #3e262b;
--color-love-at-first-sight-950: #271419;
}SCSS
$love-at-first-sight: #e5a5b1;
$love-at-first-sight-rgb: 229, 165, 177;
$love-at-first-sight-light: mix(#fff, $love-at-first-sight, 20%);
$love-at-first-sight-dark: mix(#000, $love-at-first-sight, 20%);
.element {
color: $love-at-first-sight;
box-shadow: 0 0 0 2px rgba($love-at-first-sight, 0.35);
}