Color con nombre · #E19C55
Apple Crisp
Apple Crisp es #E19C55: rgb(225 156 85), hsl(30 70% 61%), oklch(0.746 0.12 64.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Apple Crisp color name →
#E19C55
oklch(0.746 0.12 64.9)
Conversiones de color
- HEX
- #e19c55
- RGB
- rgb(225 156 85)
- HSL
- hsl(30 70% 61%)
- HWB
- hwb(30 33% 12%)
- OKLCH
- oklch(0.746 0.12 64.9)
- OKLab
- oklab(0.746 0.051 0.109)
- CIE Lab
- lab(70.27 21.46 47.31)
- LCH
- lch(70.27 51.95 65.6)
- CMYK
- cmyk(0% 31% 62% 12%)
Tintes · Sombras · Tonos
Tintes
- E5A668
- E8B07A
- EBBA8B
- EFC49C
- F2CEAC
- F5D8BD
- F7E2CD
- FAEBDE
- FDF5EE
Sombras
- C48749
- A7733D
- 8B5F31
- 704C26
- 56391C
- 3E2811
- 271808
- 120902
- 020100
Tonos
- D79A5B
- CE9761
- C49466
- BA926B
- B18F6F
- A78C73
- 9D8977
- 94867A
- 8A837D
Armonías de color
Complementario +180°
- E19C55
Apple Crisp
- 66B4F4
≈ Tiān Lán Sky
Análogo -30° +30°
- E19C55
Apple Crisp
- EE9078
≈ Lox
- C5AC4A
≈ Sun Dance
Triádico +120° +240°
- E19C55
Apple Crisp
- 34C5B7
≈ Swimmers Pool
- BE99EA
≈ Bright Lavender
Complementario dividido +150° +210°
- E19C55
Apple Crisp
- 33C0DC
≈ Caribbean Blue
- 97A6F9
≈ Widowmaker
Tetrádico +90° +180° +270°
- E19C55
Apple Crisp
- 69C38B
≈ Clover Mist
- 66B4F4
≈ Tiān Lán Sky
- DC8FCB
≈ Firm Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.31:1 · APCA Lc 45
Ag
AAASobre negro
WCAG 9.08:1 · APCA Lc 57
Mejor color de texto: #000000
WCAG 9.08:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmentos de código
CSS
:root {
--apple-crisp: #e19c55;
--apple-crisp-rgb: 225 156 85;
--apple-crisp-oklch: oklch(0.746 0.12 64.9);
}
.element {
color: var(--apple-crisp);
background-color: hsl(30 70% 61%);
border-color: oklch(0.746 0.12 64.9);
}Tailwind CSS v4
@theme {
--color-apple-crisp: #e19c55;
--color-apple-crisp-50: #ffefd1;
--color-apple-crisp-100: #ffe1be;
--color-apple-crisp-200: #f8cb9d;
--color-apple-crisp-300: #e1ab73;
--color-apple-crisp-400: #cf8f4c;
--color-apple-crisp-500: #bc7317;
--color-apple-crisp-600: #9e6118;
--color-apple-crisp-700: #7f4e13;
--color-apple-crisp-800: #5f380d;
--color-apple-crisp-900: #432608;
--color-apple-crisp-950: #2b1400;
}SCSS
$apple-crisp: #e19c55;
$apple-crisp-rgb: 225, 156, 85;
$apple-crisp-light: mix(#fff, $apple-crisp, 20%);
$apple-crisp-dark: mix(#000, $apple-crisp, 20%);
.element {
color: $apple-crisp;
box-shadow: 0 0 0 2px rgba($apple-crisp, 0.35);
}