En yakın adlandırılmış renk · #E16E99
#E16E99
En yakın adlandırılmış renk: Love Letter
#E16E99 (rgb(225 110 153), hsl(338 66% 66%), oklch(0.685 0.15 358.2)) en çok Love Letter 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.
#E16E99
oklch(0.685 0.15 358.2)
Renk dönüşümleri
- HEX
- #e16e99
- RGB
- rgb(225 110 153)
- HSL
- hsl(338 66% 66%)
- HWB
- hwb(338 43% 12%)
- OKLCH
- oklch(0.685 0.15 358.2)
- OKLab
- oklab(0.685 0.15 -0.005)
- CIE Lab
- lab(61.53 48.96 -1.2)
- LCH
- lch(61.53 48.98 358.6)
- CMYK
- cmyk(0% 51% 32% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E67DA3
- EA8CAD
- EE9BB7
- F2A9C1
- F5B7CB
- F8C6D5
- FAD4DF
- FCE2EA
- FEF1F4
Koyu tonlar
- C45F84
- A75070
- 8B415D
- 70334A
- 562638
- 3E1927
- 270E17
- 120408
- 020101
Gri tonlar
- D87196
- CF7494
- C67691
- BC788F
- B37A8C
- A97B8A
- 9F7D87
- 957E85
- 8B7F82
Renk uyumları
Tamamlayıcı +180°
- E16E99
Love Letter
- 00B39A
≈ Aloha
Analog -30° +30°
- E16E99
Love Letter
- CB75C8
≈ Purple Kush
- E87164
≈ Burnt Coral
Üçlü +120° +240°
- E16E99
Love Letter
- 92A520
≈ Beautiful Mint
- 0FA5EB
≈ Vivid Cerulean
Bölünmüş tamamlayıcı +150° +210°
- E16E99
Love Letter
- 4DB262
≈ Samphire Green
- 00ADC0
≈ Bahaman Sea
Dörtlü +90° +180° +270°
- E16E99
Love Letter
- BD9300
≈ Moutarde de Bénichon
- 00B39A
≈ Aloha
- 7294F6
≈ Guilliman Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.04:1 · APCA Lc 57
Ag
AASiyah üzerinde
WCAG 6.89:1 · APCA Lc 45
En iyi metin rengi: #000000
WCAG 6.89:1 (AA) · APCA Lc 45
Contrast pairs
Kod parçacıkları
CSS
:root {
--love-letter: #e16e99;
--love-letter-rgb: 225 110 153;
--love-letter-oklch: oklch(0.685 0.15 358.2);
}
.element {
color: var(--love-letter);
background-color: hsl(338 66% 66%);
border-color: oklch(0.685 0.15 358.2);
}Tailwind CSS v4
@theme {
--color-love-letter: #e16e99;
--color-love-letter-50: #ffe4f3;
--color-love-letter-100: #ffd4e6;
--color-love-letter-200: #ffbad1;
--color-love-letter-300: #f696b4;
--color-love-letter-400: #e3769e;
--color-love-letter-500: #d05485;
--color-love-letter-600: #b04871;
--color-love-letter-700: #8d395a;
--color-love-letter-800: #692844;
--color-love-letter-900: #4a1b2f;
--color-love-letter-950: #300b1b;
}SCSS
$love-letter: #e16e99;
$love-letter-rgb: 225, 110, 153;
$love-letter-light: mix(#fff, $love-letter, 20%);
$love-letter-dark: mix(#000, $love-letter, 20%);
.element {
color: $love-letter;
box-shadow: 0 0 0 2px rgba($love-letter, 0.35);
}