Najbliższy nazwany kolor · #E1C5BB
#E1C5BB
Najbliższy nazwany kolor: Humble Blush
#E1C5BB (rgb(225 197 187), hsl(16 39% 81%), oklch(0.844 0.035 40.7)) jest najbliższy nazwanemu kolorowi Humble Blush. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E1C5BB
oklch(0.844 0.035 40.7)
Konwersje koloru
- HEX
- #e1c5bb
- RGB
- rgb(225 197 187)
- HSL
- hsl(16 39% 81%)
- HWB
- hwb(16 73% 12%)
- OKLCH
- oklch(0.844 0.035 40.7)
- OKLab
- oklab(0.844 0.026 0.023)
- CIE Lab
- lab(81.72 9.04 8.86)
- LCH
- lch(81.72 12.65 44.4)
- CMYK
- cmyk(0% 12% 17% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E4CBC2
- E7D0C8
- EAD6CF
- EDDCD6
- F0E2DD
- F3E8E3
- F6EDEA
- F9F3F1
- FCF9F8
Odcienie ciemniejsze
- C4ABA2
- A7928A
- 8B7973
- 70615C
- 564B46
- 3E3532
- 27211F
- 120E0D
- 020202
Tony
- D7BEB5
- CDB7AF
- C3B0A9
- B9A9A3
- AFA29D
- A69B97
- 9C9491
- 938D8C
- 898786
Harmonie kolorów
Komplementarna +180°
- E1C5BB
Humble Blush
- B4D2DC
≈ Shrubby Lichen
Analogowa -30° +30°
- E1C5BB
Humble Blush
- E2C3C6
≈ Odyssey Plum
- DBC9B4
≈ Cocoa Cream
Triada +120° +240°
- E1C5BB
Humble Blush
- B9D3C4
≈ Little Beaux Blue
- C7CAE3
≈ Silver Sweetpea
Komplementarna rozszczepiona +150° +210°
- E1C5BB
Humble Blush
- B3D4D1
≈ Icy Morn
- BCCEE2
≈ Sky’s the Limit
Tetrada +90° +180° +270°
- E1C5BB
Humble Blush
- C4D1BA
≈ Tender Greens
- B4D2DC
≈ Shrubby Lichen
- D3C6DD
≈ On Location
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.62:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.90:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.90:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--humble-blush: #e1c5bb;
--humble-blush-rgb: 225 197 187;
--humble-blush-oklch: oklch(0.844 0.035 40.7);
}
.element {
color: var(--humble-blush);
background-color: hsl(16 39% 81%);
border-color: oklch(0.844 0.035 40.7);
}Tailwind CSS v4
@theme {
--color-humble-blush: #e1c5bb;
--color-humble-blush-50: #fef2ed;
--color-humble-blush-100: #f3e4df;
--color-humble-blush-200: #e2d0c9;
--color-humble-blush-300: #c8b2aa;
--color-humble-blush-400: #b1988f;
--color-humble-blush-500: #9b7f75;
--color-humble-blush-600: #836c63;
--color-humble-blush-700: #69564f;
--color-humble-blush-800: #4d3e3a;
--color-humble-blush-900: #362b27;
--color-humble-blush-950: #211816;
}SCSS
$humble-blush: #e1c5bb;
$humble-blush-rgb: 225, 197, 187;
$humble-blush-light: mix(#fff, $humble-blush, 20%);
$humble-blush-dark: mix(#000, $humble-blush, 20%);
.element {
color: $humble-blush;
box-shadow: 0 0 0 2px rgba($humble-blush, 0.35);
}