이름 색상 · #EC2C25
Ken Masters Red
Ken Masters Red은(는) #EC2C25: rgb(236 44 37), hsl(2 84% 54%), oklch(0.61 0.226 28.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Ken Masters Red color name →
#EC2C25
oklch(0.61 0.226 28.5)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- F14D40
- F66557
- FA7B6C
- FD8F81
- FFA396
- FFB6AB
- FFC8BF
- FFDBD4
- FFEDEA
셰이드
- CD251F
- AF1E19
- 921713
- 76110D
- 5B0A08
- 420504
- 290202
- 130100
- 030000
톤
- E33E33
- D94B3F
- D05549
- C65E52
- BC655A
- B16C62
- A6726A
- 9A7772
- 8E7C79
색 조화
보색 +180°
- EC2C25
Ken Masters Red
- 0094A4
≈ Tile Blue
유사색 -30° +30°
- EC2C25
Ken Masters Red
- E32981
≈ Mystic Magenta
- C16900
≈ Hawaiian Sunset
삼각 배색 +120° +240°
- EC2C25
Ken Masters Red
- 009E41
≈ Gangly Gremlin
- 5074FF
≈ Lightish Blue
분열 보색 +150° +210°
- EC2C25
Ken Masters Red
- 009884
≈ Plumage
- 008CCB
≈ Newport Blue
사각 배색 +90° +180° +270°
- EC2C25
Ken Masters Red
- 7B8E00
≈ Canopy
- 0094A4
≈ Tile Blue
- 9856F5
≈ Forgotten Kyawthuite
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.23:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 4.95:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 4.95:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
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);
}