Benannte Farbe · #90C4B4
Catarina Green
Catarina Green ist #90C4B4: rgb(144 196 180), hsl(162 31% 67%), oklch(0.779 0.059 173.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Catarina Green color name →
#90C4B4
oklch(0.779 0.059 173.7)
Farbumrechnungen
- HEX
- #90c4b4
- RGB
- rgb(144 196 180)
- HSL
- hsl(162 31% 67%)
- HWB
- hwb(162 56% 23%)
- OKLCH
- oklch(0.779 0.059 173.7)
- OKLab
- oklab(0.779 -0.059 0.006)
- CIE Lab
- lab(75.17 -20.21 2.28)
- LCH
- lch(75.17 20.34 173.6)
- CMYK
- cmyk(27% 0% 8% 23%)
Tints · Shades · Tones
Tints
- 9BCABB
- A6D0C3
- B2D6CA
- BDDBD1
- C8E1D9
- D3E7E0
- DEEDE8
- E9F3F0
- F4F9F7
Shades
- 7DAA9C
- 6A9185
- 57786E
- 456158
- 344A44
- 243530
- 15211D
- 070E0C
- 010202
Tones
- 8FBDAF
- 8EB6A9
- 8CAFA4
- 8BA89F
- 89A29A
- 889B94
- 86948F
- 848D8A
- 828785
Farbharmonien
Komplementär +180°
- 90C4B4
Catarina Green
- D7A8BA
≈ Pink Nectar
Analog -30° +30°
- 90C4B4
Catarina Green
- A1C2A0
≈ Spring Sprig
- 8AC3C8
≈ Big Sky Country
Triadisch +120° +240°
- 90C4B4
Catarina Green
- B8B1DA
≈ Delicate Lilac
- D6AE94
≈ Mellow Buff
Geteilt komplementär +150° +210°
- 90C4B4
Catarina Green
- CAABCD
≈ Graceful Garden
- DBA9A5
≈ Silver Pink
Tetradisch +90° +180° +270°
- 90C4B4
Catarina Green
- A4B8DE
≈ Lavender Phlox
- D7A8BA
≈ Pink Nectar
- C9B58C
≈ Soybean
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 {
--catarina-green: #90c4b4;
--catarina-green-rgb: 144 196 180;
--catarina-green-oklch: oklch(0.779 0.059 173.7);
}
.element {
color: var(--catarina-green);
background-color: hsl(162 31% 67%);
border-color: oklch(0.779 0.059 173.7);
}Tailwind CSS v4
@theme {
--color-catarina-green: #90c4b4;
--color-catarina-green-50: #e5fbf4;
--color-catarina-green-100: #d4efe7;
--color-catarina-green-200: #bbddd3;
--color-catarina-green-300: #98c2b6;
--color-catarina-green-400: #7aaa9b;
--color-catarina-green-500: #5b9383;
--color-catarina-green-600: #4d7d6f;
--color-catarina-green-700: #3e6459;
--color-catarina-green-800: #2c4940;
--color-catarina-green-900: #1e332c;
--color-catarina-green-950: #0e1e19;
}SCSS
$catarina-green: #90c4b4;
$catarina-green-rgb: 144, 196, 180;
$catarina-green-light: mix(#fff, $catarina-green, 20%);
$catarina-green-dark: mix(#000, $catarina-green, 20%);
.element {
color: $catarina-green;
box-shadow: 0 0 0 2px rgba($catarina-green, 0.35);
}