Adlandırılmış renk · #E76682
Coral Paradise
Coral Paradise, #E76682: rgb(231 102 130), hsl(347 73% 65%), oklch(0.676 0.161 9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Coral Paradise color name →
#E76682
oklch(0.676 0.161 9)
Renk dönüşümleri
- HEX
- #e76682
- RGB
- rgb(231 102 130)
- HSL
- hsl(347 73% 65%)
- HWB
- hwb(347 40% 9%)
- OKLCH
- oklch(0.676 0.161 9)
- OKLab
- oklab(0.676 0.159 0.025)
- CIE Lab
- lab(60.48 52.81 10.7)
- LCH
- lch(60.48 53.88 11.5)
- CMYK
- cmyk(0% 56% 44% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EB778E
- F0879A
- F396A6
- F6A5B2
- F9B4BF
- FBC3CB
- FDD2D8
- FEE1E5
- FFF0F2
Koyu tonlar
- C95870
- AB4A5F
- 8F3C4E
- 732F3E
- 59232F
- 401720
- 280C12
- 130406
- 030001
Gri tonlar
- DE6A82
- D46E82
- CA7182
- C07481
- B67781
- AC7981
- A27B81
- 977D80
- 8C7F80
Renk uyumları
Tamamlayıcı +180°
- E76682
Coral Paradise
- 00AEA5
≈ Cozumel
Analog -30° +30°
- E76682
Coral Paradise
- D56BB8
≈ Mega Magenta
- E76E45
≈ Aurora Orange
Üçlü +120° +240°
- E76682
Coral Paradise
- 77A92A
≈ Leaf
- 349CF5
≈ Fresh Blue of Bel Air
Bölünmüş tamamlayıcı +150° +210°
- E76682
Coral Paradise
- 00B373
≈ Green Teal
- 00A8CA
≈ Gummy Dolphins
Dörtlü +90° +180° +270°
- E76682
Coral Paradise
- AD9700
≈ Vegan Villain
- 00AEA5
≈ Cozumel
- 8389F8
≈ Lavender Blue Shadow
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.17:1 · APCA Lc 58
Ag
AASiyah üzerinde
WCAG 6.62:1 · APCA Lc 44
En iyi metin rengi: #000000
WCAG 6.62:1 (AA) · APCA Lc 44
Contrast pairs
Kod parçacıkları
CSS
:root {
--coral-paradise: #e76682;
--coral-paradise-rgb: 231 102 130;
--coral-paradise-oklch: oklch(0.676 0.161 9);
}
.element {
color: var(--coral-paradise);
background-color: hsl(347 73% 65%);
border-color: oklch(0.676 0.161 9);
}Tailwind CSS v4
@theme {
--color-coral-paradise: #e76682;
--color-coral-paradise-50: #ffe3ea;
--color-coral-paradise-100: #ffd2db;
--color-coral-paradise-200: #ffb8c3;
--color-coral-paradise-300: #fe93a3;
--color-coral-paradise-400: #ec718a;
--color-coral-paradise-500: #da4d70;
--color-coral-paradise-600: #b8425f;
--color-coral-paradise-700: #94354b;
--color-coral-paradise-800: #6e2539;
--color-coral-paradise-900: #4e1927;
--color-coral-paradise-950: #330815;
}SCSS
$coral-paradise: #e76682;
$coral-paradise-rgb: 231, 102, 130;
$coral-paradise-light: mix(#fff, $coral-paradise, 20%);
$coral-paradise-dark: mix(#000, $coral-paradise, 20%);
.element {
color: $coral-paradise;
box-shadow: 0 0 0 2px rgba($coral-paradise, 0.35);
}