Nächste benannte Farbe · #00C1FE
#00C1FE
Nächste benannte Farbe: Tractor Beam
#00C1FE (rgb(0 193 254), hsl(194 100% 50%), oklch(0.76 0.152 230.1)) liegt am nächsten an der benannten Farbe Tractor Beam. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#00C1FE
oklch(0.76 0.152 230.1)
Farbumrechnungen
- HEX
- #00c1fe
- RGB
- rgb(0 193 254)
- HSL
- hsl(194 100% 50%)
- HWB
- hwb(194 0% 0%)
- OKLCH
- oklch(0.76 0.152 230.1)
- OKLab
- oklab(0.76 -0.097 -0.116)
- CIE Lab
- lab(72.39 -25.27 -42.16)
- LCH
- lch(72.39 49.16 239.1)
- CMYK
- cmyk(100% 24% 0% 0%)
Tints · Shades · Tones
Tints
- 43C8FF
- 61CEFF
- 79D5FF
- 8FDBFF
- A3E1FF
- B7E8FF
- C9EEFF
- DCF4FF
- EDF9FF
Shades
- 00A7DD
- 008FBD
- 00779E
- 005F80
- 004963
- 003447
- 00202D
- 000E16
- 000203
Tones
- 30BBF1
- 44B4E4
- 52AED8
- 5CA8CB
- 65A1BE
- 6C9BB2
- 7294A5
- 788E99
- 7C878C
Farbharmonien
Komplementär +180°
- 00C1FE
Tractor Beam
- FC9150
≈ Umezome Pink
Analog -30° +30°
- 00C1FE
Tractor Beam
- 00C9D1
≈ Turquoise Surf
- 82B1FF
≈ Parakeet Blue
Triadisch +120° +240°
- 00C1FE
Tractor Beam
- F786BE
≈ Tea Rose
- B7B92F
≈ Golden Passionfruit
Geteilt komplementär +150° +210°
- 00C1FE
Tractor Beam
- FF898A
≈ Red Mull
- E3A41C
≈ Orange Sulphur
Tetradisch +90° +180° +270°
- 00C1FE
Tractor Beam
- DB8FEC
≈ Bright Lilac
- FC9150
≈ Umezome Pink
- 79C868
≈ Energise
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.08:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.05:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.05:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--tractor-beam: #00c1fe;
--tractor-beam-rgb: 0 193 254;
--tractor-beam-oklch: oklch(0.76 0.152 230.1);
}
.element {
color: var(--tractor-beam);
background-color: hsl(194 100% 50%);
border-color: oklch(0.76 0.152 230.1);
}Tailwind CSS v4
@theme {
--color-tractor-beam: #00c1fe;
--color-tractor-beam-50: #cafeff;
--color-tractor-beam-100: #b5f2ff;
--color-tractor-beam-200: #8fe0ff;
--color-tractor-beam-300: #5bc5f7;
--color-tractor-beam-400: #00ade6;
--color-tractor-beam-500: #0095d6;
--color-tractor-beam-600: #007eb5;
--color-tractor-beam-700: #006591;
--color-tractor-beam-800: #004b6b;
--color-tractor-beam-900: #00344b;
--color-tractor-beam-950: #001f32;
}SCSS
$tractor-beam: #00c1fe;
$tractor-beam-rgb: 0, 193, 254;
$tractor-beam-light: mix(#fff, $tractor-beam, 20%);
$tractor-beam-dark: mix(#000, $tractor-beam, 20%);
.element {
color: $tractor-beam;
box-shadow: 0 0 0 2px rgba($tractor-beam, 0.35);
}