Najbliższy nazwany kolor · #EADCDB
#EADCDB
Najbliższy nazwany kolor: Powder Room
#EADCDB (rgb(234 220 219), hsl(4 26% 89%), oklch(0.905 0.015 22.4)) jest najbliższy nazwanemu kolorowi Powder Room. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#EADCDB
oklch(0.905 0.015 22.4)
Konwersje koloru
- HEX
- #eadcdb
- RGB
- rgb(234 220 219)
- HSL
- hsl(4 26% 89%)
- HWB
- hwb(4 86% 8%)
- OKLCH
- oklch(0.905 0.015 22.4)
- OKLab
- oklab(0.905 0.014 0.006)
- CIE Lab
- lab(88.88 4.83 2.31)
- LCH
- lch(88.88 5.35 25.5)
- CMYK
- cmyk(0% 6% 6% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ECDFDF
- EEE3E2
- F0E6E6
- F2EAE9
- F5EDED
- F7F1F0
- F9F4F4
- FBF8F8
- FDFBFB
Odcienie ciemniejsze
- CBBFBE
- AEA3A2
- 918887
- 756E6D
- 5A5454
- 413C3C
- 292626
- 131111
- 030202
Tony
- DFD2D2
- D4C9C8
- C9BFBF
- BEB6B6
- B4ADAC
- A9A4A3
- 9F9B9A
- 949291
- 8A8989
Harmonie kolorów
Komplementarna +180°
- EADCDB
Powder Room
- D5E3E4
≈ Waterfront
Analogowa -30° +30°
- EADCDB
Powder Room
- E9DCE1
≈ Purple Emulsion
- E9DDD7
≈ Wistful Beige
Triada +120° +240°
- EADCDB
Powder Room
- DAE3D9
≈ Eye of the Storm
- DAE0EA
≈ Violet Vignette
Komplementarna rozszczepiona +150° +210°
- EADCDB
Powder Room
- D6E3DF
≈ Morning Breeze
- D6E2E8
≈ Bare Mintimum
Tetrada +90° +180° +270°
- EADCDB
Powder Room
- E0E1D5
≈ Fish Ceviche
- D5E3E4
≈ Waterfront
- E0DEE9
≈ Rare Crystal
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.33:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.75:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.75:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--powder-room: #eadcdb;
--powder-room-rgb: 234 220 219;
--powder-room-oklch: oklch(0.905 0.015 22.4);
}
.element {
color: var(--powder-room);
background-color: hsl(4 26% 89%);
border-color: oklch(0.905 0.015 22.4);
}Tailwind CSS v4
@theme {
--color-powder-room: #eadcdb;
--color-powder-room-50: #faf3f3;
--color-powder-room-100: #ede6e5;
--color-powder-room-200: #dbd2d1;
--color-powder-room-300: #bfb4b3;
--color-powder-room-400: #a79b9a;
--color-powder-room-500: #908281;
--color-powder-room-600: #7a6e6e;
--color-powder-room-700: #625858;
--color-powder-room-800: #484040;
--color-powder-room-900: #322c2c;
--color-powder-room-950: #1e1919;
}SCSS
$powder-room: #eadcdb;
$powder-room-rgb: 234, 220, 219;
$powder-room-light: mix(#fff, $powder-room, 20%);
$powder-room-dark: mix(#000, $powder-room, 20%);
.element {
color: $powder-room;
box-shadow: 0 0 0 2px rgba($powder-room, 0.35);
}