Benannte Farbe · #7FC3E1
Undercool
Undercool ist #7FC3E1: rgb(127 195 225), hsl(198 62% 69%), oklch(0.783 0.081 227.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Undercool color name →
#7FC3E1
oklch(0.783 0.081 227.7)
Farbumrechnungen
- HEX
- #7fc3e1
- RGB
- rgb(127 195 225)
- HSL
- hsl(198 62% 69%)
- HWB
- hwb(198 50% 12%)
- OKLCH
- oklch(0.783 0.081 227.7)
- OKLab
- oklab(0.783 -0.054 -0.06)
- CIE Lab
- lab(75.08 -16.48 -22.17)
- LCH
- lch(75.08 27.62 233.4)
- CMYK
- cmyk(44% 13% 0% 12%)
Tints · Shades · Tones
Tints
- 8DC9E4
- 9ACFE7
- A7D5EA
- B4DBED
- C0E1F0
- CDE7F3
- DAEDF6
- E6F3F9
- F3F9FC
Shades
- 6EA9C4
- 5D90A7
- 4C788B
- 3C6070
- 2D4A56
- 1F343E
- 112027
- 060E12
- 010202
Tones
- 80BCD7
- 81B5CD
- 82AFC3
- 82A8B9
- 82A1B0
- 829BA6
- 82949C
- 818D93
- 818789
Farbharmonien
Komplementär +180°
- 7FC3E1
Undercool
- E4A98B
≈ Rose Tattoo
Analog -30° +30°
- 7FC3E1
Undercool
- 76C9CB
≈ Tropical Splash
- 98BAEC
≈ Blue Shutters
Triadisch +120° +240°
- 7FC3E1
Undercool
- E0A4C2
≈ Think Pink
- BDBD7F
≈ Krieg Khaki
Geteilt komplementär +150° +210°
- 7FC3E1
Undercool
- E8A4A5
≈ Perennial Phlox
- D5B27D
≈ Barley
Tetradisch +90° +180° +270°
- 7FC3E1
Undercool
- CEA8DA
≈ Favourite Lavender
- E4A98B
≈ Rose Tattoo
- 9FC592
≈ Cos
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.94:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.79:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.79:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--undercool: #7fc3e1;
--undercool-rgb: 127 195 225;
--undercool-oklch: oklch(0.783 0.081 227.7);
}
.element {
color: var(--undercool);
background-color: hsl(198 62% 69%);
border-color: oklch(0.783 0.081 227.7);
}Tailwind CSS v4
@theme {
--color-undercool: #7fc3e1;
--color-undercool-50: #dffaff;
--color-undercool-100: #cdeefe;
--color-undercool-200: #b2dcf0;
--color-undercool-300: #8cc0d9;
--color-undercool-400: #69a8c4;
--color-undercool-500: #4491b0;
--color-undercool-600: #3b7a95;
--color-undercool-700: #2f6277;
--color-undercool-800: #1f4858;
--color-undercool-900: #15323d;
--color-undercool-950: #061e27;
}SCSS
$undercool: #7fc3e1;
$undercool-rgb: 127, 195, 225;
$undercool-light: mix(#fff, $undercool, 20%);
$undercool-dark: mix(#000, $undercool, 20%);
.element {
color: $undercool;
box-shadow: 0 0 0 2px rgba($undercool, 0.35);
}