Colore con nome · #EC2C25
Ken Masters Red
Ken Masters Red è #EC2C25: rgb(236 44 37), hsl(2 84% 54%), oklch(0.61 0.226 28.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Ken Masters Red color name →
#EC2C25
oklch(0.61 0.226 28.5)
Conversioni di colore
- HEX
- #ec2c25
- RGB
- rgb(236 44 37)
- HSL
- hsl(2 84% 54%)
- HWB
- hwb(2 15% 7%)
- OKLCH
- oklch(0.61 0.226 28.5)
- OKLab
- oklab(0.61 0.199 0.108)
- CIE Lab
- lab(52.49 70.76 53.85)
- LCH
- lch(52.49 88.92 37.3)
- CMYK
- cmyk(0% 81% 84% 7%)
Tinte · Ombre · Toni
Tinte
- F14D40
- F66557
- FA7B6C
- FD8F81
- FFA396
- FFB6AB
- FFC8BF
- FFDBD4
- FFEDEA
Ombre
- CD251F
- AF1E19
- 921713
- 76110D
- 5B0A08
- 420504
- 290202
- 130100
- 030000
Toni
- E33E33
- D94B3F
- D05549
- C65E52
- BC655A
- B16C62
- A6726A
- 9A7772
- 8E7C79
Armonie di colore
Complementare +180°
- EC2C25
Ken Masters Red
- 0094A4
≈ Tile Blue
Analogo -30° +30°
- EC2C25
Ken Masters Red
- E32981
≈ Mystic Magenta
- C16900
≈ Hawaiian Sunset
Triadico +120° +240°
- EC2C25
Ken Masters Red
- 009E41
≈ Gangly Gremlin
- 5074FF
≈ Lightish Blue
Complementare divisa +150° +210°
- EC2C25
Ken Masters Red
- 009884
≈ Plumage
- 008CCB
≈ Newport Blue
Tetradico +90° +180° +270°
- EC2C25
Ken Masters Red
- 7B8E00
≈ Canopy
- 0094A4
≈ Tile Blue
- 9856F5
≈ Forgotten Kyawthuite
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.23:1 · APCA Lc 67
Ag
AASu nero
WCAG 4.95:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 4.95:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--ken-masters-red: #ec2c25;
--ken-masters-red-rgb: 236 44 37;
--ken-masters-red-oklch: oklch(0.61 0.226 28.5);
}
.element {
color: var(--ken-masters-red);
background-color: hsl(2 84% 54%);
border-color: oklch(0.61 0.226 28.5);
}Tailwind CSS v4
@theme {
--color-ken-masters-red: #ec2c25;
--color-ken-masters-red-50: #ffdecf;
--color-ken-masters-red-100: #ffccbb;
--color-ken-masters-red-200: #ffae99;
--color-ken-masters-red-300: #ff846e;
--color-ken-masters-red-400: #ff584a;
--color-ken-masters-red-500: #f91215;
--color-ken-masters-red-600: #d21816;
--color-ken-masters-red-700: #a91512;
--color-ken-masters-red-800: #7f0b10;
--color-ken-masters-red-900: #5a080a;
--color-ken-masters-red-950: #3c0001;
}SCSS
$ken-masters-red: #ec2c25;
$ken-masters-red-rgb: 236, 44, 37;
$ken-masters-red-light: mix(#fff, $ken-masters-red, 20%);
$ken-masters-red-dark: mix(#000, $ken-masters-red, 20%);
.element {
color: $ken-masters-red;
box-shadow: 0 0 0 2px rgba($ken-masters-red, 0.35);
}