Najbliższy nazwany kolor · #E3C7BB
#E3C7BB
Najbliższy nazwany kolor: Humble Blush
#E3C7BB (rgb(227 199 187), hsl(18 42% 81%), oklch(0.85 0.036 44.6)) jest najbliższy nazwanemu kolorowi Humble Blush. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E3C7BB
oklch(0.85 0.036 44.6)
Konwersje koloru
- HEX
- #e3c7bb
- RGB
- rgb(227 199 187)
- HSL
- hsl(18 42% 81%)
- HWB
- hwb(18 73% 11%)
- OKLCH
- oklch(0.85 0.036 44.6)
- OKLab
- oklab(0.85 0.026 0.025)
- CIE Lab
- lab(82.4 8.79 9.85)
- LCH
- lch(82.4 13.2 48.2)
- CMYK
- cmyk(0% 12% 18% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6CDC2
- E9D2C8
- ECD8CF
- EEDDD6
- F1E3DD
- F4E8E3
- F7EEEA
- FAF4F1
- FCF9F8
Odcienie ciemniejsze
- C5ADA2
- A8938A
- 8C7A73
- 71625C
- 574C46
- 3F3632
- 27211F
- 120E0D
- 030202
Tony
- D9C0B5
- CFB8AF
- C4B1A9
- BAAAA3
- B0A39D
- A79C97
- 9D9591
- 938E8C
- 8A8786
Harmonie kolorów
Komplementarna +180°
- E3C7BB
Humble Blush
- B6D3E0
≈ Pale Whale
Analogowa -30° +30°
- E3C7BB
Humble Blush
- E4C5C6
≈ Cranapple Cream
- DCCBB5
≈ Creamy Cappuccino
Triada +120° +240°
- E3C7BB
Humble Blush
- B9D6C8
≈ Gemini
- CBCBE5
≈ Foggy Plateau
Komplementarna rozszczepiona +150° +210°
- E3C7BB
Humble Blush
- B4D6D5
≈ Dante Peak
- BED0E5
≈ Misty Mountains
Tetrada +90° +180° +270°
- E3C7BB
Humble Blush
- C4D3BC
≈ Surf Crest
- B6D3E0
≈ Pale Whale
- D7C7DE
≈ Watercolour Grape
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.59:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.15:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.15:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--humble-blush: #e3c7bb;
--humble-blush-rgb: 227 199 187;
--humble-blush-oklch: oklch(0.85 0.036 44.6);
}
.element {
color: var(--humble-blush);
background-color: hsl(18 42% 81%);
border-color: oklch(0.85 0.036 44.6);
}Tailwind CSS v4
@theme {
--color-humble-blush: #e3c7bb;
--color-humble-blush-50: #fff2ed;
--color-humble-blush-100: #f3e5de;
--color-humble-blush-200: #e2d0c8;
--color-humble-blush-300: #c8b2a8;
--color-humble-blush-400: #b2988d;
--color-humble-blush-500: #9b7f73;
--color-humble-blush-600: #836c61;
--color-humble-blush-700: #69564e;
--color-humble-blush-800: #4e3f39;
--color-humble-blush-900: #362b27;
--color-humble-blush-950: #211815;
}SCSS
$humble-blush: #e3c7bb;
$humble-blush-rgb: 227, 199, 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);
}