色名 · #E5B3B2
Perfect Pink
Perfect Pinkは#E5B3B2：rgb(229 179 178)、hsl(1 50% 80%)、oklch(0.812 0.058 19.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Perfect Pink color name →
#E5B3B2
oklch(0.812 0.058 19.8)
カラー変換
- HEX
- #e5b3b2
- RGB
- rgb(229 179 178)
- HSL
- hsl(1 50% 80%)
- HWB
- hwb(1 70% 10%)
- OKLCH
- oklch(0.812 0.058 19.8)
- OKLab
- oklab(0.812 0.055 0.02)
- CIE Lab
- lab(77.55 18.59 7.85)
- LCH
- lch(77.55 20.18 22.9)
- CMYK
- cmyk(0% 22% 22% 10%)
ティント · シェード · トーン
ティント
- E8BBB9
- EBC2C1
- EECAC9
- F0D1D0
- F3D9D8
- F6E0E0
- F8E8E7
- FAF0EF
- FDF7F7
シェード
- C79B9A
- AA8483
- 8E6E6D
- 725857
- 584343
- 3F2F2F
- 281D1D
- 120C0C
- 030101
トーン
- DBAEAD
- D0A9A8
- C6A4A3
- BC9E9E
- B29999
- A89494
- 9E8F8F
- 948A8A
- 8A8585
カラーハーモニー
補色 +180°
- E5B3B2
Perfect Pink
- 95CDD0
≈ Pentagon
類似色 -30° +30°
- E5B3B2
Perfect Pink
- E0B3C7
≈ Mental Floss
- E2B7A0
≈ Warming Peach
トライアド +120° +240°
- E5B3B2
Perfect Pink
- AECBA7
≈ Relish
- ACC3E8
≈ Sky High
スプリットコンプリメンタリー +150° +210°
- E5B3B2
Perfect Pink
- 9CCEBB
≈ Thermal Aqua
- 9BC9E0
≈ Legacy Blue
テトラード +90° +180° +270°
- E5B3B2
Perfect Pink
- C3C59A
≈ Green Mist
- 95CDD0
≈ Pentagon
- C0BCE5
≈ Pretty Posie
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.83:1 · APCA Lc 34
Ag
AAA黒の上
WCAG 11.42:1 · APCA Lc 68
最適な文字色: #000000
WCAG 11.42:1 (AAA) · APCA Lc 68
Contrast pairs
コードスニペット
CSS
:root {
--perfect-pink: #e5b3b2;
--perfect-pink-rgb: 229 179 178;
--perfect-pink-oklch: oklch(0.812 0.058 19.8);
}
.element {
color: var(--perfect-pink);
background-color: hsl(1 50% 80%);
border-color: oklch(0.812 0.058 19.8);
}Tailwind CSS v4
@theme {
--color-perfect-pink: #e5b3b2;
--color-perfect-pink-50: #ffefee;
--color-perfect-pink-100: #fbe1df;
--color-perfect-pink-200: #eccbc9;
--color-perfect-pink-300: #d4acaa;
--color-perfect-pink-400: #bf9190;
--color-perfect-pink-500: #aa7776;
--color-perfect-pink-600: #8f6564;
--color-perfect-pink-700: #735050;
--color-perfect-pink-800: #553a3b;
--color-perfect-pink-900: #3b2828;
--color-perfect-pink-950: #251616;
}SCSS
$perfect-pink: #e5b3b2;
$perfect-pink-rgb: 229, 179, 178;
$perfect-pink-light: mix(#fff, $perfect-pink, 20%);
$perfect-pink-dark: mix(#000, $perfect-pink, 20%);
.element {
color: $perfect-pink;
box-shadow: 0 0 0 2px rgba($perfect-pink, 0.35);
}