色名 · #EF8E87
Flamingo Red
Flamingo Redは#EF8E87：rgb(239 142 135)、hsl(4 76% 73%)、oklch(0.747 0.119 24.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Flamingo Red color name →
#EF8E87
oklch(0.747 0.119 24.7)
カラー変換
- HEX
- #ef8e87
- RGB
- rgb(239 142 135)
- HSL
- hsl(4 76% 73%)
- HWB
- hwb(4 53% 6%)
- OKLCH
- oklch(0.747 0.119 24.7)
- OKLab
- oklab(0.747 0.108 0.05)
- CIE Lab
- lab(69.52 37.13 20.44)
- LCH
- lch(69.52 42.38 28.8)
- CMYK
- cmyk(0% 41% 44% 6%)
ティント · シェード · トーン
ティント
- F29A93
- F4A59E
- F7B0AA
- F9BCB6
- FBC7C2
- FCD2CE
- FDDDDA
- FEE9E6
- FFF4F3
シェード
- D07B75
- B16863
- 945651
- 784441
- 5C3431
- 422421
- 2A1513
- 140706
- 030101
トーン
- E48D87
- D98C86
- CE8B85
- C38A85
- B88884
- AD8783
- A28583
- 978482
- 8C8281
カラーハーモニー
補色 +180°
- EF8E87
Flamingo Red
- 2DC2D0
≈ The Crowd Roars!
類似色 -30° +30°
- EF8E87
Flamingo Red
- E88CB1
≈ Charm Pink
- E79861
≈ Topaz Yellow
トライアド +120° +240°
- EF8E87
Flamingo Red
- 7CC17D
≈ Rally Green
- 88ABF9
≈ Kitten’s Eye
スプリットコンプリメンタリー +150° +210°
- EF8E87
Flamingo Red
- 47C5A8
≈ Disc Jockey
- 56B9ED
≈ Sea Frolic
テトラード +90° +180° +270°
- EF8E87
Flamingo Red
- ABB658
≈ Gooseberry Fool
- 2DC2D0
≈ The Crowd Roars!
- B29EF1
≈ Dull Lavender
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.36:1 · APCA Lc 46
Ag
AAA黒の上
WCAG 8.88:1 · APCA Lc 56
最適な文字色: #000000
WCAG 8.88:1 (AAA) · APCA Lc 56
Contrast pairs
コードスニペット
CSS
:root {
--flamingo-red: #ef8e87;
--flamingo-red-rgb: 239 142 135;
--flamingo-red-oklch: oklch(0.747 0.119 24.7);
}
.element {
color: var(--flamingo-red);
background-color: hsl(4 76% 73%);
border-color: oklch(0.747 0.119 24.7);
}Tailwind CSS v4
@theme {
--color-flamingo-red: #ef8e87;
--color-flamingo-red-50: #ffe9e3;
--color-flamingo-red-100: #ffdad3;
--color-flamingo-red-200: #ffc1b9;
--color-flamingo-red-300: #eea097;
--color-flamingo-red-400: #dc817b;
--color-flamingo-red-500: #c9635d;
--color-flamingo-red-600: #aa5450;
--color-flamingo-red-700: #88433f;
--color-flamingo-red-800: #65302f;
--color-flamingo-red-900: #472120;
--color-flamingo-red-950: #2e100f;
}SCSS
$flamingo-red: #ef8e87;
$flamingo-red-rgb: 239, 142, 135;
$flamingo-red-light: mix(#fff, $flamingo-red, 20%);
$flamingo-red-dark: mix(#000, $flamingo-red, 20%);
.element {
color: $flamingo-red;
box-shadow: 0 0 0 2px rgba($flamingo-red, 0.35);
}