Nazwany kolor · #E19447
Yellow Sumac
Yellow Sumac to #E19447: rgb(225 148 71), hsl(30 72% 58%), oklch(0.73 0.131 63). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Yellow Sumac color name →
#E19447
oklch(0.73 0.131 63)
Konwersje koloru
- HEX
- #e19447
- RGB
- rgb(225 148 71)
- HSL
- hsl(30 72% 58%)
- HWB
- hwb(30 28% 12%)
- OKLCH
- oklch(0.73 0.131 63)
- OKLab
- oklab(0.73 0.059 0.116)
- CIE Lab
- lab(68.29 24.92 51.85)
- LCH
- lch(68.29 57.53 64.3)
- CMYK
- cmyk(0% 34% 68% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E59F5D
- E8AA70
- ECB583
- EFBF95
- F2CAA7
- F5D5B9
- F8DFCA
- FAEADC
- FDF4ED
Odcienie ciemniejsze
- C4803D
- A76D32
- 8B5A28
- 70481F
- 563616
- 3E260D
- 271606
- 120802
- 020100
Tony
- D79250
- CE9157
- C48F5E
- BB8D64
- B18B6A
- A7896F
- 9E8774
- 948578
- 8A827C
Harmonie kolorów
Komplementarna +180°
- E19447
Yellow Sumac
- 55B0F3
≈ Blue Jeans
Analogowa -30° +30°
- E19447
Yellow Sumac
- EE8771
≈ Coralette
- C4A536
≈ Aru Ressha
Triada +120° +240°
- E19447
Yellow Sumac
- 00C2AF
≈ Turquoise
- B892EB
≈ Luminous Lavender
Komplementarna rozszczepiona +150° +210°
- E19447
Yellow Sumac
- 00BCD7
≈ Maldives
- 8DA1FA
≈ Periwinkle Blue
Tetrada +90° +180° +270°
- E19447
Yellow Sumac
- 5FBF80
≈ Heart Chakra
- 55B0F3
≈ Blue Jeans
- D887CB
≈ Pink Punk
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.46:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.52:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.52:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--yellow-sumac: #e19447;
--yellow-sumac-rgb: 225 148 71;
--yellow-sumac-oklch: oklch(0.73 0.131 63);
}
.element {
color: var(--yellow-sumac);
background-color: hsl(30 72% 58%);
border-color: oklch(0.73 0.131 63);
}Tailwind CSS v4
@theme {
--color-yellow-sumac: #e19447;
--color-yellow-sumac-50: #ffeecf;
--color-yellow-sumac-100: #ffe0bb;
--color-yellow-sumac-200: #fcc999;
--color-yellow-sumac-300: #e6a96d;
--color-yellow-sumac-400: #d48c44;
--color-yellow-sumac-500: #c16f00;
--color-yellow-sumac-600: #a35e04;
--color-yellow-sumac-700: #834b06;
--color-yellow-sumac-800: #623605;
--color-yellow-sumac-900: #452504;
--color-yellow-sumac-950: #2c1300;
}SCSS
$yellow-sumac: #e19447;
$yellow-sumac-rgb: 225, 148, 71;
$yellow-sumac-light: mix(#fff, $yellow-sumac, 20%);
$yellow-sumac-dark: mix(#000, $yellow-sumac, 20%);
.element {
color: $yellow-sumac;
box-shadow: 0 0 0 2px rgba($yellow-sumac, 0.35);
}