이름 색상 · #FF1B2D
Opera Red
Opera Red은(는) #FF1B2D: rgb(255 27 45), hsl(355 100% 55%), oklch(0.636 0.249 25.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Opera Red color name →
#FF1B2D
oklch(0.636 0.249 25.8)
색상 변환
- HEX
- #ff1b2d
- RGB
- rgb(255 27 45)
- HSL
- hsl(355 100% 55%)
- HWB
- hwb(355 11% 0%)
- OKLCH
- oklch(0.636 0.249 25.8)
- OKLab
- oklab(0.636 0.224 0.108)
- CIE Lab
- lab(55.27 78.9 53.99)
- LCH
- lch(55.27 95.6 34.4)
- CMYK
- cmyk(0% 89% 82% 0%)
틴트 · 셰이드 · 톤
틴트
- FF4746
- FF635C
- FF7A71
- FF8F85
- FFA399
- FFB6AD
- FFC9C2
- FFDBD6
- FFEDEA
셰이드
- DE1626
- BE111F
- 9E0C18
- 800811
- 63050B
- 480206
- 2E0102
- 160001
- 030000
톤
- F43639
- E94744
- DD534D
- D15D56
- C5655D
- B96C65
- AC726C
- 9E7773
- 907C7A
색 조화
보색 +180°
- FF1B2D
Opera Red
- 009DAB
≈ Lake Blue
유사색 -30° +30°
- FF1B2D
Opera Red
- F31D90
≈ Prickly Pink
- D06D00
≈ Autumn Maple
삼각 배색 +120° +240°
- FF1B2D
Opera Red
- 00A834
≈ Carpet Moss
- 5281FF
≈ Flickery C64
분열 보색 +150° +210°
- FF1B2D
Opera Red
- 00A288
≈ Congo Green
- 0096D2
≈ Bayern Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.85:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.44:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.44:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--opera-red: #ff1b2d;
--opera-red-rgb: 255 27 45;
--opera-red-oklch: oklch(0.636 0.249 25.8);
}
.element {
color: var(--opera-red);
background-color: hsl(355 100% 55%);
border-color: oklch(0.636 0.249 25.8);
}Tailwind CSS v4
@theme {
--color-opera-red: #ff1b2d;
--color-opera-red-50: #ffdace;
--color-opera-red-100: #ffc7ba;
--color-opera-red-200: #ffa898;
--color-opera-red-300: #ff7b6c;
--color-opera-red-400: #ff4949;
--color-opera-red-500: #ff0011;
--color-opera-red-600: #da0014;
--color-opera-red-700: #b00010;
--color-opera-red-800: #840010;
--color-opera-red-900: #5d000a;
--color-opera-red-950: #3f0001;
}SCSS
$opera-red: #ff1b2d;
$opera-red-rgb: 255, 27, 45;
$opera-red-light: mix(#fff, $opera-red, 20%);
$opera-red-dark: mix(#000, $opera-red, 20%);
.element {
color: $opera-red;
box-shadow: 0 0 0 2px rgba($opera-red, 0.35);
}