Nazwany kolor · #EC2C25
Ken Masters Red
Ken Masters Red to #EC2C25: rgb(236 44 37), hsl(2 84% 54%), oklch(0.61 0.226 28.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Ken Masters Red color name →
#EC2C25
oklch(0.61 0.226 28.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F14D40
- F66557
- FA7B6C
- FD8F81
- FFA396
- FFB6AB
- FFC8BF
- FFDBD4
- FFEDEA
Odcienie ciemniejsze
- CD251F
- AF1E19
- 921713
- 76110D
- 5B0A08
- 420504
- 290202
- 130100
- 030000
Tony
- E33E33
- D94B3F
- D05549
- C65E52
- BC655A
- B16C62
- A6726A
- 9A7772
- 8E7C79
Harmonie kolorów
Komplementarna +180°
- EC2C25
Ken Masters Red
- 0094A4
≈ Tile Blue
Analogowa -30° +30°
- EC2C25
Ken Masters Red
- E32981
≈ Mystic Magenta
- C16900
≈ Hawaiian Sunset
Triada +120° +240°
- EC2C25
Ken Masters Red
- 009E41
≈ Gangly Gremlin
- 5074FF
≈ Lightish Blue
Komplementarna rozszczepiona +150° +210°
- EC2C25
Ken Masters Red
- 009884
≈ Plumage
- 008CCB
≈ Newport Blue
Tetrada +90° +180° +270°
- EC2C25
Ken Masters Red
- 7B8E00
≈ Canopy
- 0094A4
≈ Tile Blue
- 9856F5
≈ Forgotten Kyawthuite
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.23:1 · APCA Lc 67
Ag
AANa czerni
WCAG 4.95:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 4.95:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
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);
}