Color con nombre · #FF0800
Candy Apple Red
Candy Apple Red es #FF0800: rgb(255 8 0), hsl(2 100% 50%), oklch(0.629 0.256 29.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Candy Apple Red color name →
#FF0800
oklch(0.629 0.256 29.5)
Conversiones de color
- HEX
- #ff0800
- RGB
- rgb(255 8 0)
- HSL
- hsl(2 100% 50%)
- HWB
- hwb(2 0% 0%)
- OKLCH
- oklch(0.629 0.256 29.5)
- OKLab
- oklab(0.629 0.223 0.126)
- CIE Lab
- lab(54.47 80.29 69.92)
- LCH
- lch(54.47 106.47 41)
- CMYK
- cmyk(0% 97% 100% 0%)
Tintes · Sombras · Tonos
Tintes
- FF4231
- FF5F4D
- FF7765
- FF8D7B
- FFA291
- FFB5A7
- FFC8BD
- FFDBD3
- FFEDE9
Sombras
- DE0600
- BE0400
- 9E0300
- 800200
- 630100
- 480100
- 2E0000
- 160000
- 030000
Tonos
- F43022
- E94333
- DD5040
- D25B4C
- C66356
- B96B5F
- AC7168
- 9E7770
- 907C78
Armonías de color
Complementario +180°
- FF0800
Candy Apple Red
- 009AAD
≈ Aquarium Diver
Análogo -30° +30°
- FF0800
Candy Apple Red
- F50084
≈ Flickr Pink
- C86F00
≈ Sludge
Triádico +120° +240°
- FF0800
Candy Apple Red
- 00A549
≈ Green Pigment
- 5B7BFF
≈ C64 NTSC
Complementario dividido +150° +210°
- FF0800
Candy Apple Red
- 009F8B
≈ Flamboyant Teal
- 0092D5
≈ Kahu Blue
Tetrádico +90° +180° +270°
- FF0800
Candy Apple Red
- 7F9500
≈ Mossy Woods
- 009AAD
≈ Aquarium Diver
- A159FF
≈ Vega Violet
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.97:1 · APCA Lc 64
Ag
AASobre negro
WCAG 5.28:1 · APCA Lc 38
Mejor color de texto: #000000
WCAG 5.28:1 (AA) · APCA Lc 38
Contrast pairs
Fragmentos de código
CSS
:root {
--candy-apple-red: #ff0800;
--candy-apple-red-rgb: 255 8 0;
--candy-apple-red-oklch: oklch(0.629 0.256 29.5);
}
.element {
color: var(--candy-apple-red);
background-color: hsl(2 100% 50%);
border-color: oklch(0.629 0.256 29.5);
}Tailwind CSS v4
@theme {
--color-candy-apple-red: #ff0800;
--color-candy-apple-red-50: #ffdac8;
--color-candy-apple-red-100: #ffc7b3;
--color-candy-apple-red-200: #ffa78e;
--color-candy-apple-red-300: #ff7a5f;
--color-candy-apple-red-400: #ff4635;
--color-candy-apple-red-500: #ff0000;
--color-candy-apple-red-600: #dc0000;
--color-candy-apple-red-700: #b20000;
--color-candy-apple-red-800: #850000;
--color-candy-apple-red-900: #5e0001;
--color-candy-apple-red-950: #400000;
}SCSS
$candy-apple-red: #ff0800;
$candy-apple-red-rgb: 255, 8, 0;
$candy-apple-red-light: mix(#fff, $candy-apple-red, 20%);
$candy-apple-red-dark: mix(#000, $candy-apple-red, 20%);
.element {
color: $candy-apple-red;
box-shadow: 0 0 0 2px rgba($candy-apple-red, 0.35);
}