Benannte Farbe · #91C3BD
Focus Point
Focus Point ist #91C3BD: rgb(145 195 189), hsl(173 29% 67%), oklch(0.78 0.053 187). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Focus Point color name →
#91C3BD
oklch(0.78 0.053 187)
Farbumrechnungen
- HEX
- #91c3bd
- RGB
- rgb(145 195 189)
- HSL
- hsl(173 29% 67%)
- HWB
- hwb(173 57% 24%)
- OKLCH
- oklch(0.78 0.053 187)
- OKLab
- oklab(0.78 -0.053 -0.006)
- CIE Lab
- lab(75.14 -17.97 -2.59)
- LCH
- lch(75.14 18.15 188.2)
- CMYK
- cmyk(26% 0% 3% 24%)
Tints · Shades · Tones
Tints
- 9CC9C3
- A7CFCA
- B2D5D0
- BDDBD7
- C8E1DE
- D3E7E4
- DEEDEB
- E9F3F2
- F4F9F8
Shades
- 7DA9A4
- 6A908C
- 587874
- 46605D
- 354A47
- 253433
- 15201F
- 070E0D
- 010202
Tones
- 90BCB7
- 8EB5B0
- 8DAEAA
- 8BA8A4
- 8AA19E
- 889A98
- 869492
- 848D8C
- 828786
Farbharmonien
Komplementär +180°
- 91C3BD
Focus Point
- D7AAB2
≈ Pink Nectar
Analog -30° +30°
- 91C3BD
Focus Point
- 9CC2AA
≈ Aroma Garden
- 91C0CE
≈ Blue Chalk
Triadisch +120° +240°
- 91C3BD
Focus Point
- C0AFD3
≈ Vintage Bloom
- CFB294
≈ Baker’s Bread
Geteilt komplementär +150° +210°
- 91C3BD
Focus Point
- CFABC4
≈ Winsome Orchid
- D7ACA0
≈ Everything’s Rosy
Tetradisch +90° +180° +270°
- 91C3BD
Focus Point
- AEB5DA
≈ Sassy Violet
- D7AAB2
≈ Pink Nectar
- C1B892
≈ Salty Seeds
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.95:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.74:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.74:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--focus-point: #91c3bd;
--focus-point-rgb: 145 195 189;
--focus-point-oklch: oklch(0.78 0.053 187);
}
.element {
color: var(--focus-point);
background-color: hsl(173 29% 67%);
border-color: oklch(0.78 0.053 187);
}Tailwind CSS v4
@theme {
--color-focus-point: #91c3bd;
--color-focus-point-50: #e5faf8;
--color-focus-point-100: #d5eeeb;
--color-focus-point-200: #bcdcd9;
--color-focus-point-300: #99c1bd;
--color-focus-point-400: #7ba9a4;
--color-focus-point-500: #5c928c;
--color-focus-point-600: #4e7b76;
--color-focus-point-700: #3e635f;
--color-focus-point-800: #2d4945;
--color-focus-point-900: #1e322f;
--color-focus-point-950: #0e1e1c;
}SCSS
$focus-point: #91c3bd;
$focus-point-rgb: 145, 195, 189;
$focus-point-light: mix(#fff, $focus-point, 20%);
$focus-point-dark: mix(#000, $focus-point, 20%);
.element {
color: $focus-point;
box-shadow: 0 0 0 2px rgba($focus-point, 0.35);
}