Benoemde kleur · #4E7FFF
C64 NTSC
C64 NTSC is #4E7FFF: rgb(78 127 255), hsl(223 100% 65%), oklch(0.63 0.198 265.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Blue mean? → · C64 NTSC color name →
#4E7FFF
oklch(0.63 0.198 265.3)
Kleurconversies
- HEX
- #4e7fff
- RGB
- rgb(78 127 255)
- HSL
- hsl(223 100% 65%)
- HWB
- hwb(223 31% 0%)
- OKLCH
- oklch(0.63 0.198 265.3)
- OKLab
- oklab(0.63 -0.016 -0.197)
- CIE Lab
- lab(55.04 15.98 -70.02)
- LCH
- lch(55.04 71.82 282.9)
- CMYK
- cmyk(69% 50% 0% 0%)
Tinten · Schaduwen · Tonen
Tinten
- 5F8DFF
- 709BFF
- 81A8FF
- 92B5FF
- A4C2FF
- B6CEFF
- C8DBFF
- DAE7FF
- ECF3FF
Schaduwen
- 436EDE
- 385DBE
- 2D4C9E
- 233C80
- 192D63
- 0F1F48
- 07112E
- 020616
- 000103
Tonen
- 5380F3
- 5882E6
- 5E82DA
- 6383CD
- 6883C1
- 6D83B4
- 7283A7
- 77829A
- 7B818D
Kleurharmonieën
Complementair +180°
- 4E7FFF
C64 NTSC
- AC8200
≈ Chestnut Gold
Analoog -30° +30°
- 4E7FFF
C64 NTSC
- 0094CE
≈ Rich Electric Blue
- 9568F1
≈ Forgotten Kyawthuite
Triadisch +120° +240°
- 4E7FFF
C64 NTSC
- E94846
≈ X Marks the Spot
- 00A62F
≈ Carpet Moss
Gesplitst complementair +150° +210°
- 4E7FFF
C64 NTSC
- CE6B00
≈ Sludge
- 879300
≈ Snakes in the Grass
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.61:1 · APCA Lc 63
Ag
AAOp zwart
WCAG 5.80:1 · APCA Lc 38
Beste tekstkleur: #000000
WCAG 5.80:1 (AA) · APCA Lc 38
Contrast pairs
Codefragmenten
CSS
:root {
--c64-ntsc: #4e7fff;
--c64-ntsc-rgb: 78 127 255;
--c64-ntsc-oklch: oklch(0.63 0.198 265.3);
}
.element {
color: var(--c64-ntsc);
background-color: hsl(223 100% 65%);
border-color: oklch(0.63 0.198 265.3);
}Tailwind CSS v4
@theme {
--color-c64-ntsc: #4e7fff;
--color-c64-ntsc-50: #dcf4ff;
--color-c64-ntsc-100: #cbe7ff;
--color-c64-ntsc-200: #afd1ff;
--color-c64-ntsc-300: #8bb2ff;
--color-c64-ntsc-400: #6597ff;
--color-c64-ntsc-500: #4579ff;
--color-c64-ntsc-600: #3b67dd;
--color-c64-ntsc-700: #2f52b2;
--color-c64-ntsc-800: #1c3d85;
--color-c64-ntsc-900: #122a5f;
--color-c64-ntsc-950: #051641;
}SCSS
$c64-ntsc: #4e7fff;
$c64-ntsc-rgb: 78, 127, 255;
$c64-ntsc-light: mix(#fff, $c64-ntsc, 20%);
$c64-ntsc-dark: mix(#000, $c64-ntsc, 20%);
.element {
color: $c64-ntsc;
box-shadow: 0 0 0 2px rgba($c64-ntsc, 0.35);
}