Color con nombre · #FF4411
Coin Slot
Coin Slot es #FF4411: rgb(255 68 17), hsl(13 100% 53%), oklch(0.66 0.229 34.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Coin Slot color name →
#FF4411
oklch(0.66 0.229 34.2)
Conversiones de color
- HEX
- #ff4411
- RGB
- rgb(255 68 17)
- HSL
- hsl(13 100% 53%)
- HWB
- hwb(13 7% 0%)
- OKLCH
- oklch(0.66 0.229 34.2)
- OKLab
- oklab(0.66 0.189 0.129)
- CIE Lab
- lab(58.44 69.57 67.23)
- LCH
- lch(58.44 96.75 44)
- CMYK
- cmyk(0% 73% 93% 0%)
Tintes · Sombras · Tonos
Tintes
- FF5E39
- FF7453
- FF886A
- FF9A80
- FFAC95
- FFBDAB
- FFCEC0
- FFDED5
- FFEFEA
Sombras
- DE3A0D
- BE3009
- 9E2606
- 801D04
- 631402
- 480C01
- 2E0500
- 160200
- 030000
Tonos
- F4502A
- E85A39
- DC6145
- D06850
- C46E59
- B87362
- AB776A
- 9D7A72
- 8F7D79
Armonías de color
Complementario +180°
- FF4411
Coin Slot
- 00A4BD
≈ Maui
Análogo -30° +30°
- FF4411
Coin Slot
- FA3A81
≈ Diva Pink
- CF7B00
≈ Autumn Leaf Orange
Triádico +120° +240°
- FF4411
Coin Slot
- 00AE61
≈ Nordic Grass Green
- 7284FF
≈ Orchid
Complementario dividido +150° +210°
- FF4411
Coin Slot
- 00A99A
≈ Tropical Hideaway
- 0099EE
≈ Pervenche
Tetrádico +90° +180° +270°
- FF4411
Coin Slot
- 7DA200
≈ Support Green
- 00A4BD
≈ Maui
- B262FF
≈ Purple Hedonist
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.45:1 · APCA Lc 60
Ag
AASobre negro
WCAG 6.08:1 · APCA Lc 41
Mejor color de texto: #000000
WCAG 6.08:1 (AA) · APCA Lc 41
Contrast pairs
Fragmentos de código
CSS
:root {
--coin-slot: #ff4411;
--coin-slot-rgb: 255 68 17;
--coin-slot-oklch: oklch(0.66 0.229 34.2);
}
.element {
color: var(--coin-slot);
background-color: hsl(13 100% 53%);
border-color: oklch(0.66 0.229 34.2);
}Tailwind CSS v4
@theme {
--color-coin-slot: #ff4411;
--color-coin-slot-50: #ffdfc8;
--color-coin-slot-100: #ffcdb2;
--color-coin-slot-200: #ffaf8e;
--color-coin-slot-300: #ff865e;
--color-coin-slot-400: #ff5a32;
--color-coin-slot-500: #f91600;
--color-coin-slot-600: #d21b00;
--color-coin-slot-700: #a91700;
--color-coin-slot-800: #7f0c00;
--color-coin-slot-900: #5a0800;
--color-coin-slot-950: #3c0000;
}SCSS
$coin-slot: #ff4411;
$coin-slot-rgb: 255, 68, 17;
$coin-slot-light: mix(#fff, $coin-slot, 20%);
$coin-slot-dark: mix(#000, $coin-slot, 20%);
.element {
color: $coin-slot;
box-shadow: 0 0 0 2px rgba($coin-slot, 0.35);
}