이름 색상 · #FE0215
Virtual Boy
Virtual Boy은(는) #FE0215: rgb(254 2 21), hsl(355 99% 50%), oklch(0.627 0.256 27.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Virtual Boy color name →
#FE0215
oklch(0.627 0.256 27.9)
색상 변환
- HEX
- #fe0215
- RGB
- rgb(254 2 21)
- HSL
- hsl(355 99% 50%)
- HWB
- hwb(355 1% 0%)
- OKLCH
- oklch(0.627 0.256 27.9)
- OKLab
- oklab(0.627 0.226 0.12)
- CIE Lab
- lab(54.18 80.54 63.88)
- LCH
- lch(54.18 102.8 38.4)
- CMYK
- cmyk(0% 99% 92% 0%)
틴트 · 셰이드 · 톤
틴트
- FF4038
- FF5E51
- FF7768
- FF8C7E
- FFA193
- FFB4A9
- FFC8BE
- FFDAD4
- FFEDE9
셰이드
- DD0111
- BD010C
- 9E0108
- 800005
- 630003
- 470002
- 2D0001
- 160000
- 030000
톤
- F32F2A
- E84238
- DD4F44
- D15A4E
- C56358
- B96A61
- AC7169
- 9E7771
- 907C79
색 조화
보색 +180°
- FE0215
Virtual Boy
- 009AAA
≈ Aquarium Diver
유사색 -30° +30°
- FE0215
Virtual Boy
- F30088
≈ Fabulous Fuchsia
- C96D00
≈ Sludge
삼각 배색 +120° +240°
- FE0215
Virtual Boy
- 00A441
≈ Poetic Green
- 557CFF
≈ C64 NTSC
분열 보색 +150° +210°
- FE0215
Virtual Boy
- 009F88
≈ Reptilian Green
- 0092D1
≈ Rich Electric Blue
사각 배색 +90° +180° +270°
- FE0215
Virtual Boy
- 819300
≈ Mossy Woods
- 009AAA
≈ Aquarium Diver
- 9D5AFF
≈ Irrigo Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.01:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.23:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.23:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--virtual-boy: #fe0215;
--virtual-boy-rgb: 254 2 21;
--virtual-boy-oklch: oklch(0.627 0.256 27.9);
}
.element {
color: var(--virtual-boy);
background-color: hsl(355 99% 50%);
border-color: oklch(0.627 0.256 27.9);
}Tailwind CSS v4
@theme {
--color-virtual-boy: #fe0215;
--color-virtual-boy-50: #ffdaca;
--color-virtual-boy-100: #ffc7b5;
--color-virtual-boy-200: #ffa792;
--color-virtual-boy-300: #ff7a64;
--color-virtual-boy-400: #ff453c;
--color-virtual-boy-500: #ff0000;
--color-virtual-boy-600: #dc0000;
--color-virtual-boy-700: #b10000;
--color-virtual-boy-800: #850005;
--color-virtual-boy-900: #5e0004;
--color-virtual-boy-950: #400000;
}SCSS
$virtual-boy: #fe0215;
$virtual-boy-rgb: 254, 2, 21;
$virtual-boy-light: mix(#fff, $virtual-boy, 20%);
$virtual-boy-dark: mix(#000, $virtual-boy, 20%);
.element {
color: $virtual-boy;
box-shadow: 0 0 0 2px rgba($virtual-boy, 0.35);
}