Nazwany kolor · #90C4B4
Catarina Green
Catarina Green to #90C4B4: rgb(144 196 180), hsl(162 31% 67%), oklch(0.779 0.059 173.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Catarina Green color name →
#90C4B4
oklch(0.779 0.059 173.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9BCABB
- A6D0C3
- B2D6CA
- BDDBD1
- C8E1D9
- D3E7E0
- DEEDE8
- E9F3F0
- F4F9F7
Odcienie ciemniejsze
- 7DAA9C
- 6A9185
- 57786E
- 456158
- 344A44
- 243530
- 15211D
- 070E0C
- 010202
Tony
- 8FBDAF
- 8EB6A9
- 8CAFA4
- 8BA89F
- 89A29A
- 889B94
- 86948F
- 848D8A
- 828785
Harmonie kolorów
Komplementarna +180°
- 90C4B4
Catarina Green
- D7A8BA
≈ Pink Nectar
Analogowa -30° +30°
- 90C4B4
Catarina Green
- A1C2A0
≈ Spring Sprig
- 8AC3C8
≈ Big Sky Country
Triada +120° +240°
- 90C4B4
Catarina Green
- B8B1DA
≈ Delicate Lilac
- D6AE94
≈ Mellow Buff
Komplementarna rozszczepiona +150° +210°
- 90C4B4
Catarina Green
- CAABCD
≈ Graceful Garden
- DBA9A5
≈ Silver Pink
Tetrada +90° +180° +270°
- 90C4B4
Catarina Green
- A4B8DE
≈ Lavender Phlox
- D7A8BA
≈ Pink Nectar
- C9B58C
≈ Soybean
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.95:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.74:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.74:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
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);
}