Named color · #41FDFE
Bright Cyan
Bright Cyan is #41FDFE: rgb(65 253 254), hsl(180 99% 63%), oklch(0.906 0.143 195.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Bright Cyan color name →
#41FDFE
oklch(0.906 0.143 195.5)
Color conversions
- HEX
- #41fdfe
- RGB
- rgb(65 253 254)
- HSL
- hsl(180 99% 63%)
- HWB
- hwb(180 25% 0%)
- OKLCH
- oklch(0.906 0.143 195.5)
- OKLab
- oklab(0.906 -0.138 -0.038)
- CIE Lab
- lab(90.6 -46.54 -14.48)
- LCH
- lch(90.6 48.74 197.3)
- CMYK
- cmyk(74% 0% 0% 0%)
Tints · Shades · Tones
Tints
- 64FEFE
- 7EFEFE
- 93FFFE
- A6FFFF
- B7FFFF
- C6FFFF
- D5FFFF
- E4FFFF
- F2FFFF
Shades
- 37DCDD
- 2EBCBD
- 259D9E
- 1C7F80
- 136263
- 0B4747
- 052D2D
- 011616
- 000303
Tones
- 54F0F1
- 61E3E4
- 6AD7D7
- 71CACA
- 76BDBD
- 7AB1B1
- 7DA5A4
- 7F9898
- 808C8C
Color harmonies
Complementary +180°
- 41FDFE
Bright Cyan
- FFD4D5
≈ Pink Clay
Analogous -30° +30°
- 41FDFE
Bright Cyan
- 74FEC9
≈ Iridescent Turquoise
- B5E9FF
≈ Blue Java Banana
Triadic +120° +240°
- 41FDFE
Bright Cyan
- F2D3FF
≈ Rose Dragée
- FFD9A5
≈ Speak to Me
Split-complementary +150° +210°
- 41FDFE
Bright Cyan
- FFD0E9
≈ Little Smile
- FFD6C4
≈ Tiny Pink
Tetradic +90° +180° +270°
- 41FDFE
Bright Cyan
- DCDCFF
≈ Transparent Blue
- FFD4D5
≈ Pink Clay
- EDE56C
≈ Celandine
Contrast & accessibility
Ag
FailOn white
WCAG 1.25:1 · APCA Lc 12
Ag
AAAOn black
WCAG 16.70:1 · APCA Lc 92
Best text color: #000000
WCAG 16.70:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--bright-cyan: #41fdfe;
--bright-cyan-rgb: 65 253 254;
--bright-cyan-oklch: oklch(0.906 0.143 195.5);
}
.element {
color: var(--bright-cyan);
background-color: hsl(180 99% 63%);
border-color: oklch(0.906 0.143 195.5);
}Tailwind CSS v4
@theme {
--color-bright-cyan: #41fdfe;
--color-bright-cyan-50: #c6ffff;
--color-bright-cyan-100: #aff7f9;
--color-bright-cyan-200: #85e7ea;
--color-bright-cyan-300: #47ced1;
--color-bright-cyan-400: #00b7b9;
--color-bright-cyan-500: #00a1a4;
--color-bright-cyan-600: #00888b;
--color-bright-cyan-700: #006d6f;
--color-bright-cyan-800: #005150;
--color-bright-cyan-900: #003838;
--color-bright-cyan-950: #002322;
}SCSS
$bright-cyan: #41fdfe;
$bright-cyan-rgb: 65, 253, 254;
$bright-cyan-light: mix(#fff, $bright-cyan, 20%);
$bright-cyan-dark: mix(#000, $bright-cyan, 20%);
.element {
color: $bright-cyan;
box-shadow: 0 0 0 2px rgba($bright-cyan, 0.35);
}