Nazwany kolor · #E5D9DA
Lavender Bikini
Lavender Bikini to #E5D9DA: rgb(229 217 218), hsl(355 19% 87%), oklch(0.895 0.013 11.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Lavender Bikini color name →
#E5D9DA
oklch(0.895 0.013 11.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8DDDE
- EAE1E1
- EDE4E5
- EFE8E9
- F2ECEC
- F5F0F0
- F7F3F4
- FAF7F8
- FCFBFB
Odcienie ciemniejsze
- C7BCBD
- AAA1A2
- 8E8687
- 726C6C
- 585354
- 3F3B3C
- 282525
- 121111
- 030202
Tony
- DAD0D1
- D0C7C7
- C6BDBE
- BBB4B5
- B1ABAC
- A7A3A3
- 9D9A9A
- 939191
- 8A8989
Harmonie kolorów
Komplementarna +180°
- E5D9DA
Lavender Bikini
- D3DFDE
≈ Spring Mist
Analogowa -30° +30°
- E5D9DA
Lavender Bikini
- E3D9DF
≈ Puffball Vapour
- E5DAD6
≈ Light Watermelon Milk
Triada +120° +240°
- E5D9DA
Lavender Bikini
- D9DED5
≈ White Sash
- D6DDE5
≈ Cautious Blue
Komplementarna rozszczepiona +150° +210°
- E5D9DA
Lavender Bikini
- D5DFDA
≈ Rapier Silver
- D3DFE3
≈ Breakwater
Tetrada +90° +180° +270°
- E5D9DA
Lavender Bikini
- DEDDD3
≈ Clear Stone
- D3DFDE
≈ Spring Mist
- DBDCE5
≈ Violet Breeze
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.37:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.26:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.26:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
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);
}