色名 · #E198B4
Peach Flower
Peach Flowerは#E198B4：rgb(225 152 180)、hsl(337 55% 74%)、oklch(0.76 0.094 354.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Peach Flower color name →
#E198B4
oklch(0.76 0.094 354.9)
カラー変換
- HEX
- #e198b4
- RGB
- rgb(225 152 180)
- HSL
- hsl(337 55% 74%)
- HWB
- hwb(337 60% 12%)
- OKLCH
- oklch(0.76 0.094 354.9)
- OKLab
- oklab(0.76 0.094 -0.008)
- CIE Lab
- lab(70.89 31.02 -2.84)
- LCH
- lch(70.89 31.15 354.8)
- CMYK
- cmyk(0% 32% 20% 12%)
ティント · シェード · トーン
ティント
- E5A2BB
- E8ACC3
- ECB7CA
- EFC1D1
- F2CBD9
- F5D6E0
- F8E0E8
- FAEAF0
- FDF5F7
シェード
- C4849C
- A77085
- 8B5C6E
- 704A58
- 563844
- 3E2730
- 27171D
- 12080C
- 020102
トーン
- D796AF
- CE94A9
- C491A4
- BA8F9F
- B18D9A
- A78A94
- 9D888F
- 94858A
- 8A8385
カラーハーモニー
補色 +180°
- E198B4
Peach Flower
- 6AC5AD
≈ Blue Energy
類似色 -30° +30°
- E198B4
Peach Flower
- D09CD2
≈ Velvet Horizon
- E79A93
≈ She Loves Pink
トライアド +120° +240°
- E198B4
Peach Flower
- AFB872
≈ Green Curry
- 72BBE4
≈ Costa Rica Blue
スプリットコンプリメンタリー +150° +210°
- E198B4
Peach Flower
- 8BC18C
≈ Green Masquerade
- 5FC2CD
≈ Baharroth Blue
テトラード +90° +180° +270°
- E198B4
Peach Flower
- CCAD69
≈ Ginger Crunch
- 6AC5AD
≈ Blue Energy
- 94B0ED
≈ Fly Away
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.24:1 · APCA Lc 44
Ag
AAA黒の上
WCAG 9.35:1 · APCA Lc 58
最適な文字色: #000000
WCAG 9.35:1 (AAA) · APCA Lc 58
Contrast pairs
コードスニペット
CSS
:root {
--peach-flower: #e198b4;
--peach-flower-rgb: 225 152 180;
--peach-flower-oklch: oklch(0.76 0.094 354.9);
}
.element {
color: var(--peach-flower);
background-color: hsl(337 55% 74%);
border-color: oklch(0.76 0.094 354.9);
}Tailwind CSS v4
@theme {
--color-peach-flower: #e198b4;
--color-peach-flower-50: #ffebf5;
--color-peach-flower-100: #ffdce8;
--color-peach-flower-200: #f7c4d5;
--color-peach-flower-300: #e0a4b8;
--color-peach-flower-400: #cb87a1;
--color-peach-flower-500: #b76b89;
--color-peach-flower-600: #9a5b74;
--color-peach-flower-700: #7c485d;
--color-peach-flower-800: #5b3445;
--color-peach-flower-900: #402430;
--color-peach-flower-950: #29121c;
}SCSS
$peach-flower: #e198b4;
$peach-flower-rgb: 225, 152, 180;
$peach-flower-light: mix(#fff, $peach-flower, 20%);
$peach-flower-dark: mix(#000, $peach-flower, 20%);
.element {
color: $peach-flower;
box-shadow: 0 0 0 2px rgba($peach-flower, 0.35);
}