Adlandırılmış renk · #E5D9DA
Lavender Bikini
Lavender Bikini, #E5D9DA: rgb(229 217 218), hsl(355 19% 87%), oklch(0.895 0.013 11.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Lavender Bikini color name →
#E5D9DA
oklch(0.895 0.013 11.6)
Renk dönüşümleri
- HEX
- #e5d9da
- RGB
- rgb(229 217 218)
- HSL
- hsl(355 19% 87%)
- HWB
- hwb(355 85% 10%)
- OKLCH
- oklch(0.895 0.013 11.6)
- OKLab
- oklab(0.895 0.013 0.003)
- CIE Lab
- lab(87.69 4.39 1.06)
- LCH
- lch(87.69 4.51 13.6)
- CMYK
- cmyk(0% 5% 5% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8DDDE
- EAE1E1
- EDE4E5
- EFE8E9
- F2ECEC
- F5F0F0
- F7F3F4
- FAF7F8
- FCFBFB
Koyu tonlar
- C7BCBD
- AAA1A2
- 8E8687
- 726C6C
- 585354
- 3F3B3C
- 282525
- 121111
- 030202
Gri tonlar
- DAD0D1
- D0C7C7
- C6BDBE
- BBB4B5
- B1ABAC
- A7A3A3
- 9D9A9A
- 939191
- 8A8989
Renk uyumları
Tamamlayıcı +180°
- E5D9DA
Lavender Bikini
- D3DFDE
≈ Spring Mist
Analog -30° +30°
- E5D9DA
Lavender Bikini
- E3D9DF
≈ Puffball Vapour
- E5DAD6
≈ Light Watermelon Milk
Üçlü +120° +240°
- E5D9DA
Lavender Bikini
- D9DED5
≈ White Sash
- D6DDE5
≈ Cautious Blue
Bölünmüş tamamlayıcı +150° +210°
- E5D9DA
Lavender Bikini
- D5DFDA
≈ Rapier Silver
- D3DFE3
≈ Breakwater
Dörtlü +90° +180° +270°
- E5D9DA
Lavender Bikini
- DEDDD3
≈ Clear Stone
- D3DFDE
≈ Spring Mist
- DBDCE5
≈ Violet Breeze
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.37:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.26:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.26:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--lavender-bikini: #e5d9da;
--lavender-bikini-rgb: 229 217 218;
--lavender-bikini-oklch: oklch(0.895 0.013 11.6);
}
.element {
color: var(--lavender-bikini);
background-color: hsl(355 19% 87%);
border-color: oklch(0.895 0.013 11.6);
}Tailwind CSS v4
@theme {
--color-lavender-bikini: #e5d9da;
--color-lavender-bikini-50: #f9f4f4;
--color-lavender-bikini-100: #ece6e6;
--color-lavender-bikini-200: #dad2d2;
--color-lavender-bikini-300: #beb5b5;
--color-lavender-bikini-400: #a69b9c;
--color-lavender-bikini-500: #8f8384;
--color-lavender-bikini-600: #796f70;
--color-lavender-bikini-700: #615859;
--color-lavender-bikini-800: #474141;
--color-lavender-bikini-900: #312c2d;
--color-lavender-bikini-950: #1d1a1a;
}SCSS
$lavender-bikini: #e5d9da;
$lavender-bikini-rgb: 229, 217, 218;
$lavender-bikini-light: mix(#fff, $lavender-bikini, 20%);
$lavender-bikini-dark: mix(#000, $lavender-bikini, 20%);
.element {
color: $lavender-bikini;
box-shadow: 0 0 0 2px rgba($lavender-bikini, 0.35);
}