En yakın adlandırılmış renk · #E4B6C9
#E4B6C9
En yakın adlandırılmış renk: Mental Floss
#E4B6C9 (rgb(228 182 201), hsl(335 46% 80%), oklch(0.823 0.058 351.8)) en çok Mental Floss 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.
#E4B6C9
oklch(0.823 0.058 351.8)
Renk dönüşümleri
- HEX
- #e4b6c9
- RGB
- rgb(228 182 201)
- HSL
- hsl(335 46% 80%)
- HWB
- hwb(335 71% 11%)
- OKLCH
- oklch(0.823 0.058 351.8)
- OKLab
- oklab(0.823 0.058 -0.008)
- CIE Lab
- lab(78.66 19.34 -2.98)
- LCH
- lch(78.66 19.56 351.3)
- CMYK
- cmyk(0% 20% 12% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E7BDCE
- EAC4D4
- EDCCD9
- F0D3DE
- F2DAE4
- F5E2E9
- F8E9EF
- FAF0F4
- FDF8F9
Koyu tonlar
- C69EAE
- A98695
- 8D6F7C
- 725964
- 58444C
- 3F3036
- 281D22
- 120C0F
- 030202
Gri tonlar
- DAB1C1
- D0ABBA
- C5A6B2
- BBA0AB
- B19BA4
- A7959C
- 9D9095
- 948B8E
- 8A8587
Renk uyumları
Tamamlayıcı +180°
- E4B6C9
Mental Floss
- 9FD2C0
≈ Flowering Cactus
Analog -30° +30°
- E4B6C9
Mental Floss
- D7B9DC
≈ Plum Point
- E9B7B4
≈ Naked Rose
Üçlü +120° +240°
- E4B6C9
Mental Floss
- C5C99E
≈ Paris Mint
- 9FCCE5
≈ Endless Blue
Bölünmüş tamamlayıcı +150° +210°
- E4B6C9
Mental Floss
- B0CFAC
≈ Gio Ponti Green
- 98D1D5
≈ Aroma Blue
Dörtlü +90° +180° +270°
- E4B6C9
Mental Floss
- D8C29A
≈ Natural Twine
- 9FD2C0
≈ Flowering Cactus
- B0C6EC
≈ Promise Keeping
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.77:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.83:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.83:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--mental-floss: #e4b6c9;
--mental-floss-rgb: 228 182 201;
--mental-floss-oklch: oklch(0.823 0.058 351.8);
}
.element {
color: var(--mental-floss);
background-color: hsl(335 46% 80%);
border-color: oklch(0.823 0.058 351.8);
}Tailwind CSS v4
@theme {
--color-mental-floss: #e4b6c9;
--color-mental-floss-50: #ffeff6;
--color-mental-floss-100: #f9e0e9;
--color-mental-floss-200: #eacad6;
--color-mental-floss-300: #d1acb9;
--color-mental-floss-400: #bb91a2;
--color-mental-floss-500: #a5768a;
--color-mental-floss-600: #8b6475;
--color-mental-floss-700: #70505e;
--color-mental-floss-800: #523a45;
--color-mental-floss-900: #392830;
--color-mental-floss-950: #24161c;
}SCSS
$mental-floss: #e4b6c9;
$mental-floss-rgb: 228, 182, 201;
$mental-floss-light: mix(#fff, $mental-floss, 20%);
$mental-floss-dark: mix(#000, $mental-floss, 20%);
.element {
color: $mental-floss;
box-shadow: 0 0 0 2px rgba($mental-floss, 0.35);
}