이름 색상 · #EE0033
Brake Light Trails
Brake Light Trails은(는) #EE0033: rgb(238 0 51), hsl(347 100% 47%), oklch(0.599 0.242 22.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Brake Light Trails color name →
#EE0033
oklch(0.599 0.242 22.7)
색상 변환
- HEX
- #ee0033
- RGB
- rgb(238 0 51)
- HSL
- hsl(347 100% 47%)
- HWB
- hwb(347 0% 7%)
- OKLCH
- oklch(0.599 0.242 22.7)
- OKLab
- oklab(0.599 0.223 0.093)
- CIE Lab
- lab(50.95 77.22 45.32)
- LCH
- lch(50.95 89.54 30.4)
- CMYK
- cmyk(0% 100% 79% 7%)
틴트 · 셰이드 · 톤
틴트
- F43D49
- F85A5E
- FC7372
- FF8985
- FF9E99
- FFB2AD
- FFC5C1
- FFD9D6
- FFECEA
셰이드
- CF002B
- B10023
- 93001C
- 770014
- 5C000D
- 420007
- 2A0003
- 140001
- 030000
톤
- E52C3D
- DB3E46
- D24C4E
- C85756
- BD605E
- B36865
- A76F6C
- 9B7573
- 8E7B79
색 조화
보색 +180°
- EE0033
Brake Light Trails
- 00919B
≈ Peacock Feather
유사색 -30° +30°
- EE0033
Brake Light Trails
- E0118D
≈ Benevolent Pink
- C46000
≈ Alloy Orange
삼각 배색 +120° +240°
- EE0033
Brake Light Trails
- 009C07
≈ Space Invader
- 3374FF
≈ Hailey Blue
분열 보색 +150° +210°
- EE0033
Brake Light Trails
- 009679
≈ Pool Table
- 008BBD
≈ Hawaiian Surf
사각 배색 +90° +180° +270°
- EE0033
Brake Light Trails
- 818700
≈ Krypton Green
- 00919B
≈ Peacock Feather
- 8B52FF
≈ Purple Honeycreeper
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.48:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 4.68:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 4.68:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
CSS
:root {
--brake-light-trails: #ee0033;
--brake-light-trails-rgb: 238 0 51;
--brake-light-trails-oklch: oklch(0.599 0.242 22.7);
}
.element {
color: var(--brake-light-trails);
background-color: hsl(347 100% 47%);
border-color: oklch(0.599 0.242 22.7);
}Tailwind CSS v4
@theme {
--color-brake-light-trails: #ee0033;
--color-brake-light-trails-50: #ffdbd3;
--color-brake-light-trails-100: #ffc8bf;
--color-brake-light-trails-200: #ffa8a0;
--color-brake-light-trails-300: #ff7d77;
--color-brake-light-trails-400: #ff4c57;
--color-brake-light-trails-500: #ff002e;
--color-brake-light-trails-600: #d70029;
--color-brake-light-trails-700: #ad0020;
--color-brake-light-trails-800: #82001a;
--color-brake-light-trails-900: #5c0011;
--color-brake-light-trails-950: #3e0004;
}SCSS
$brake-light-trails: #ee0033;
$brake-light-trails-rgb: 238, 0, 51;
$brake-light-trails-light: mix(#fff, $brake-light-trails, 20%);
$brake-light-trails-dark: mix(#000, $brake-light-trails, 20%);
.element {
color: $brake-light-trails;
box-shadow: 0 0 0 2px rgba($brake-light-trails, 0.35);
}