Adlandırılmış renk · #91C3BD
Focus Point
Focus Point, #91C3BD: rgb(145 195 189), hsl(173 29% 67%), oklch(0.78 0.053 187). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Focus Point color name →
#91C3BD
oklch(0.78 0.053 187)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9CC9C3
- A7CFCA
- B2D5D0
- BDDBD7
- C8E1DE
- D3E7E4
- DEEDEB
- E9F3F2
- F4F9F8
Koyu tonlar
- 7DA9A4
- 6A908C
- 587874
- 46605D
- 354A47
- 253433
- 15201F
- 070E0D
- 010202
Gri tonlar
- 90BCB7
- 8EB5B0
- 8DAEAA
- 8BA8A4
- 8AA19E
- 889A98
- 869492
- 848D8C
- 828786
Renk uyumları
Tamamlayıcı +180°
- 91C3BD
Focus Point
- D7AAB2
≈ Pink Nectar
Analog -30° +30°
- 91C3BD
Focus Point
- 9CC2AA
≈ Aroma Garden
- 91C0CE
≈ Blue Chalk
Üçlü +120° +240°
- 91C3BD
Focus Point
- C0AFD3
≈ Vintage Bloom
- CFB294
≈ Baker’s Bread
Bölünmüş tamamlayıcı +150° +210°
- 91C3BD
Focus Point
- CFABC4
≈ Winsome Orchid
- D7ACA0
≈ Everything’s Rosy
Dörtlü +90° +180° +270°
- 91C3BD
Focus Point
- AEB5DA
≈ Sassy Violet
- D7AAB2
≈ Pink Nectar
- C1B892
≈ Salty Seeds
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.95:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.74:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.74:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
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);
}