Adlandırılmış renk · #ED9080
Animated Coral
Animated Coral, #ED9080: rgb(237 144 128), hsl(9 75% 72%), oklch(0.746 0.116 30.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Animated Coral color name →
#ED9080
oklch(0.746 0.116 30.5)
Renk dönüşümleri
- HEX
- #ed9080
- RGB
- rgb(237 144 128)
- HSL
- hsl(9 75% 72%)
- HWB
- hwb(9 50% 7%)
- OKLCH
- oklch(0.746 0.116 30.5)
- OKLab
- oklab(0.746 0.1 0.059)
- CIE Lab
- lab(69.57 34.87 24.31)
- LCH
- lch(69.57 42.5 34.9)
- CMYK
- cmyk(0% 39% 46% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F09B8C
- F3A799
- F5B2A5
- F7BDB2
- F9C8BF
- FBD3CB
- FCDED8
- FEE9E5
- FEF4F2
Koyu tonlar
- CE7D6E
- B06A5D
- 93574D
- 77453D
- 5C342E
- 42241F
- 2A1512
- 140706
- 030101
Gri tonlar
- E28F80
- D88E81
- CD8C81
- C28B81
- B78981
- AC8881
- A28681
- 978481
- 8B8280
Renk uyumları
Tamamlayıcı +180°
- ED9080
Animated Coral
- 38C0D6
≈ The Crowd Roars!
Analog -30° +30°
- ED9080
Animated Coral
- E98DA9
≈ Charm Pink
- E29B5D
≈ Coffee Whip
Üçlü +120° +240°
- ED9080
Animated Coral
- 73C286
≈ Clover Mist
- 91A9F7
≈ Kitten’s Eye
Bölünmüş tamamlayıcı +150° +210°
- ED9080
Animated Coral
- 43C5B0
≈ Melbourne Cup
- 62B6EF
≈ Sanctuary Spa
Dörtlü +90° +180° +270°
- ED9080
Animated Coral
- A3B860
≈ Gooseberry Fool
- 38C0D6
≈ The Crowd Roars!
- B99BEB
≈ Bright Lavender
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.35:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 8.90:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 8.90:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
CSS
:root {
--animated-coral: #ed9080;
--animated-coral-rgb: 237 144 128;
--animated-coral-oklch: oklch(0.746 0.116 30.5);
}
.element {
color: var(--animated-coral);
background-color: hsl(9 75% 72%);
border-color: oklch(0.746 0.116 30.5);
}Tailwind CSS v4
@theme {
--color-animated-coral: #ed9080;
--color-animated-coral-50: #ffeae0;
--color-animated-coral-100: #ffdbd0;
--color-animated-coral-200: #ffc3b5;
--color-animated-coral-300: #eda292;
--color-animated-coral-400: #da8374;
--color-animated-coral-500: #c76556;
--color-animated-coral-600: #a85649;
--color-animated-coral-700: #87453a;
--color-animated-coral-800: #65312b;
--color-animated-coral-900: #47211d;
--color-animated-coral-950: #2e100d;
}SCSS
$animated-coral: #ed9080;
$animated-coral-rgb: 237, 144, 128;
$animated-coral-light: mix(#fff, $animated-coral, 20%);
$animated-coral-dark: mix(#000, $animated-coral, 20%);
.element {
color: $animated-coral;
box-shadow: 0 0 0 2px rgba($animated-coral, 0.35);
}