Nazwany kolor · #EBA770
Old Plaster
Old Plaster to #EBA770: rgb(235 167 112), hsl(27 75% 68%), oklch(0.782 0.107 59.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Old Plaster color name →
#EBA770
oklch(0.782 0.107 59.3)
Konwersje koloru
- HEX
- #eba770
- RGB
- rgb(235 167 112)
- HSL
- hsl(27 75% 68%)
- HWB
- hwb(27 44% 8%)
- OKLCH
- oklch(0.782 0.107 59.3)
- OKLab
- oklab(0.782 0.055 0.092)
- CIE Lab
- lab(74.3 21.45 38.78)
- LCH
- lch(74.3 44.32 61)
- CMYK
- cmyk(0% 29% 52% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EEB07F
- F0B98E
- F2C29C
- F5CBAA
- F7D3B8
- F9DCC6
- FAE5D5
- FCEEE3
- FEF6F1
Odcienie ciemniejsze
- CC9160
- AE7B51
- 916643
- 755235
- 5B3E27
- 412C1A
- 291A0E
- 130A04
- 030101
Tony
- E0A373
- D5A075
- CB9C77
- C09879
- B5947B
- AB907C
- A08C7D
- 95887E
- 8B847F
Harmonie kolorów
Komplementarna +180°
- EBA770
Old Plaster
- 73C1F5
≈ Maya Blue
Analogowa -30° +30°
- EBA770
Old Plaster
- F59D90
≈ Fruit Shake
- D3B563
≈ Wax Way
Triada +120° +240°
- EBA770
Old Plaster
- 5ECEBA
≈ Sweet Garden
- C2A9F3
≈ Purple Hepatica
Komplementarna rozszczepiona +150° +210°
- EBA770
Old Plaster
- 55CBDD
≈ Watercourse
- 9CB5FD
≈ Truesky Gloxym
Tetrada +90° +180° +270°
- EBA770
Old Plaster
- 85CB92
≈ Good Luck Charm
- 73C1F5
≈ Maya Blue
- DF9FD9
≈ Damson Plum
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.04:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.29:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.29:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
CSS
:root {
--old-plaster: #eba770;
--old-plaster-rgb: 235 167 112;
--old-plaster-oklch: oklch(0.782 0.107 59.3);
}
.element {
color: var(--old-plaster);
background-color: hsl(27 75% 68%);
border-color: oklch(0.782 0.107 59.3);
}Tailwind CSS v4
@theme {
--color-old-plaster: #eba770;
--color-old-plaster-50: #ffefd7;
--color-old-plaster-100: #ffe1c4;
--color-old-plaster-200: #f7caa6;
--color-old-plaster-300: #e0ab7e;
--color-old-plaster-400: #cd8f5b;
--color-old-plaster-500: #ba7334;
--color-old-plaster-600: #9d622e;
--color-old-plaster-700: #7e4e24;
--color-old-plaster-800: #5e3819;
--color-old-plaster-900: #422610;
--color-old-plaster-950: #2a1404;
}SCSS
$old-plaster: #eba770;
$old-plaster-rgb: 235, 167, 112;
$old-plaster-light: mix(#fff, $old-plaster, 20%);
$old-plaster-dark: mix(#000, $old-plaster, 20%);
.element {
color: $old-plaster;
box-shadow: 0 0 0 2px rgba($old-plaster, 0.35);
}