Color con nombre · #EEAA44
Summer Glow
Summer Glow es #EEAA44: rgb(238 170 68), hsl(36 83% 60%), oklch(0.785 0.14 73.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Summer Glow color name →
#EEAA44
oklch(0.785 0.14 73.8)
Conversiones de color
- HEX
- #eeaa44
- RGB
- rgb(238 170 68)
- HSL
- hsl(36 83% 60%)
- HWB
- hwb(36 27% 7%)
- OKLCH
- oklch(0.785 0.14 73.8)
- OKLab
- oklab(0.785 0.039 0.134)
- CIE Lab
- lab(74.95 19.08 60.47)
- LCH
- lch(74.95 63.41 72.5)
- CMYK
- cmyk(0% 29% 71% 7%)
Tintes · Sombras · Tonos
Tintes
- F0B35C
- F2BC71
- F4C484
- F6CD97
- F8D5A9
- FADEBA
- FBE6CC
- FDEFDD
- FEF7EE
Sombras
- CF933A
- B17D30
- 936826
- 77531D
- 5C3F14
- 422D0C
- 2A1B05
- 140B02
- 030100
Tonos
- E3A64F
- D8A258
- CD9E5F
- C29A66
- B7966B
- AC9270
- A18D75
- 968979
- 8B857D
Armonías de color
Complementario +180°
- EEAA44
Summer Glow
- 86BDFF
≈ Scenic Water
Análogo -30° +30°
- EEAA44
Summer Glow
- FF9C71
≈ Candyman
- C8BD44
≈ Sulphur Yellow
Triádico +120° +240°
- EEAA44
Summer Glow
- 00D3D2
≈ Jade Glass
- D99DF8
≈ Plasma Trail
Complementario dividido +150° +210°
- EEAA44
Summer Glow
- 29CBFB
≈ Bright Sky Blue
- B0AFFF
≈ Winterspring Lilac
Tetrádico +90° +180° +270°
- EEAA44
Summer Glow
- 4FD5A0
≈ Vegetation
- 86BDFF
≈ Scenic Water
- F793CF
≈ Bubblegum Kisses
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.00:1 · APCA Lc 39
Ag
AAASobre negro
WCAG 10.46:1 · APCA Lc 64
Mejor color de texto: #000000
WCAG 10.46:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmentos de código
CSS
:root {
--summer-glow: #eeaa44;
--summer-glow-rgb: 238 170 68;
--summer-glow-oklch: oklch(0.785 0.14 73.8);
}
.element {
color: var(--summer-glow);
background-color: hsl(36 83% 60%);
border-color: oklch(0.785 0.14 73.8);
}Tailwind CSS v4
@theme {
--color-summer-glow: #eeaa44;
--color-summer-glow-50: #fff0c9;
--color-summer-glow-100: #ffe2b4;
--color-summer-glow-200: #f7cd90;
--color-summer-glow-300: #e1ad61;
--color-summer-glow-400: #cf902d;
--color-summer-glow-500: #bc7400;
--color-summer-glow-600: #9f6300;
--color-summer-glow-700: #7f4f00;
--color-summer-glow-800: #5f3800;
--color-summer-glow-900: #432700;
--color-summer-glow-950: #2b1500;
}SCSS
$summer-glow: #eeaa44;
$summer-glow-rgb: 238, 170, 68;
$summer-glow-light: mix(#fff, $summer-glow, 20%);
$summer-glow-dark: mix(#000, $summer-glow, 20%);
.element {
color: $summer-glow;
box-shadow: 0 0 0 2px rgba($summer-glow, 0.35);
}