En yakın adlandırılmış renk · #E25666
#E25666
En yakın adlandırılmış renk: Aphrodisiac
#E25666 (rgb(226 86 102), hsl(353 71% 61%), oklch(0.641 0.174 16.7)) en çok Aphrodisiac adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#E25666
oklch(0.641 0.174 16.7)
Renk dönüşümleri
- HEX
- #e25666
- RGB
- rgb(226 86 102)
- HSL
- hsl(353 71% 61%)
- HWB
- hwb(353 34% 11%)
- OKLCH
- oklch(0.641 0.174 16.7)
- OKLab
- oklab(0.641 0.167 0.05)
- CIE Lab
- lab(56.48 56.22 21.43)
- LCH
- lch(56.48 60.16 20.9)
- CMYK
- cmyk(0% 62% 55% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E76975
- EC7B83
- F18C92
- F49DA1
- F8AEB0
- FABEC0
- FCCECF
- FEDFDF
- FFEFEF
Koyu tonlar
- C44A58
- A83E4A
- 8C323C
- 71272F
- 571C23
- 3E1217
- 27080C
- 120204
- 030000
Gri tonlar
- D95D69
- D0626C
- C7686E
- BE6C71
- B57074
- AB7476
- A17779
- 977B7B
- 8C7D7E
Renk uyumları
Tamamlayıcı +180°
- E25666
Aphrodisiac
- 00A0A3
≈ Pleasant Stream
Analog -30° +30°
- E25666
Aphrodisiac
- D459A1
≈ Crushed Berries
- DE630D
≈ Tiger Moth Orange
Üçlü +120° +240°
- E25666
Aphrodisiac
- 54A327
≈ Lawn Green
- 3D8BF3
≈ Seljuk Blue
Bölünmüş tamamlayıcı +150° +210°
- E25666
Aphrodisiac
- 00A57B
≈ Active Green
- 009AC6
≈ Isle of Capri
Dörtlü +90° +180° +270°
- E25666
Aphrodisiac
- 979100
≈ Smoothie Green
- 00A0A3
≈ Pleasant Stream
- 8877EF
≈ Hera Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.64:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 5.75:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.75:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
CSS
:root {
--aphrodisiac: #e25666;
--aphrodisiac-rgb: 226 86 102;
--aphrodisiac-oklch: oklch(0.641 0.174 16.7);
}
.element {
color: var(--aphrodisiac);
background-color: hsl(353 71% 61%);
border-color: oklch(0.641 0.174 16.7);
}Tailwind CSS v4
@theme {
--color-aphrodisiac: #e25666;
--color-aphrodisiac-50: #ffe2e2;
--color-aphrodisiac-100: #ffd1d1;
--color-aphrodisiac-200: #ffb6b7;
--color-aphrodisiac-300: #ff9094;
--color-aphrodisiac-400: #f36d79;
--color-aphrodisiac-500: #e1465c;
--color-aphrodisiac-600: #be3c4e;
--color-aphrodisiac-700: #99303e;
--color-aphrodisiac-800: #72212f;
--color-aphrodisiac-900: #511620;
--color-aphrodisiac-950: #35060f;
}SCSS
$aphrodisiac: #e25666;
$aphrodisiac-rgb: 226, 86, 102;
$aphrodisiac-light: mix(#fff, $aphrodisiac, 20%);
$aphrodisiac-dark: mix(#000, $aphrodisiac, 20%);
.element {
color: $aphrodisiac;
box-shadow: 0 0 0 2px rgba($aphrodisiac, 0.35);
}