Najbliższy nazwany kolor · #E18414
#E18414
Najbliższy nazwany kolor: Hotter Butter
#E18414 (rgb(225 132 20), hsl(33 84% 48%), oklch(0.699 0.156 62)) jest najbliższy nazwanemu kolorowi Hotter Butter. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E18414
oklch(0.699 0.156 62)
Konwersje koloru
- HEX
- #e18414
- RGB
- rgb(225 132 20)
- HSL
- hsl(33 84% 48%)
- HWB
- hwb(33 8% 12%)
- OKLCH
- oklch(0.699 0.156 62)
- OKLab
- oklab(0.699 0.073 0.138)
- CIE Lab
- lab(64.43 31.78 67.06)
- LCH
- lch(64.43 74.21 64.6)
- CMYK
- cmyk(0% 41% 91% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E5913D
- E99E57
- EDAA6F
- F0B684
- F3C399
- F6CFAE
- F9DBC2
- FBE7D6
- FDF3EB
Odcienie ciemniejsze
- C47210
- A7600C
- 8B4F08
- 703F05
- 562F03
- 3E2001
- 271201
- 120600
- 020100
Tony
- D8842E
- CE853D
- C58549
- BB8554
- B2845D
- A88465
- 9E836C
- 948273
- 8A817A
Harmonie kolorów
Komplementarna +180°
- E18414
Hotter Butter
- 24A7F6
≈ Krishna Blue
Analogowa -30° +30°
- E18414
Hotter Butter
- EF745D
≈ Mild Heart Attack
- BE9A00
≈ Perennial
Triada +120° +240°
- E18414
Hotter Butter
- 00B7A4
≈ Aare River
- B184EE
≈ Lavender Blossom
Komplementarna rozszczepiona +150° +210°
- E18414
Hotter Butter
- 00B1CA
≈ Havasupai Falls
- 7D95FE
≈ Periwinkle Blue
Tetrada +90° +180° +270°
- E18414
Hotter Butter
- 3EB96C
≈ Turtle Warrior
- 24A7F6
≈ Krishna Blue
- D576C9
≈ Purple Kush
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.79:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.51:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--hotter-butter: #e18414;
--hotter-butter-rgb: 225 132 20;
--hotter-butter-oklch: oklch(0.699 0.156 62);
}
.element {
color: var(--hotter-butter);
background-color: hsl(33 84% 48%);
border-color: oklch(0.699 0.156 62);
}Tailwind CSS v4
@theme {
--color-hotter-butter: #e18414;
--color-hotter-butter-50: #ffedc7;
--color-hotter-butter-100: #ffdeb2;
--color-hotter-butter-200: #ffc68d;
--color-hotter-butter-300: #efa55c;
--color-hotter-butter-400: #de8626;
--color-hotter-butter-500: #cc6800;
--color-hotter-butter-600: #ac5800;
--color-hotter-butter-700: #8a4600;
--color-hotter-butter-800: #683200;
--color-hotter-butter-900: #492200;
--color-hotter-butter-950: #301000;
}SCSS
$hotter-butter: #e18414;
$hotter-butter-rgb: 225, 132, 20;
$hotter-butter-light: mix(#fff, $hotter-butter, 20%);
$hotter-butter-dark: mix(#000, $hotter-butter, 20%);
.element {
color: $hotter-butter;
box-shadow: 0 0 0 2px rgba($hotter-butter, 0.35);
}