Adlandırılmış renk · #8EC1C0
Cabana Bay
Cabana Bay, #8EC1C0: rgb(142 193 192), hsl(179 29% 66%), oklch(0.775 0.053 194.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Cabana Bay color name →
#8EC1C0
oklch(0.775 0.053 194.6)
Renk dönüşümleri
- HEX
- #8ec1c0
- RGB
- rgb(142 193 192)
- HSL
- hsl(179 29% 66%)
- HWB
- hwb(179 56% 24%)
- OKLCH
- oklch(0.775 0.053 194.6)
- OKLab
- oklab(0.775 -0.052 -0.013)
- CIE Lab
- lab(74.47 -17.46 -5.2)
- LCH
- lch(74.47 18.22 196.6)
- CMYK
- cmyk(26% 0% 1% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 99C7C6
- A5CDCC
- B0D3D3
- BBDAD9
- C7E0DF
- D2E6E5
- DDECEC
- E8F2F2
- F4F9F9
Koyu tonlar
- 7BA7A7
- 688F8E
- 567776
- 445F5F
- 344949
- 243434
- 152020
- 070E0E
- 010202
Gri tonlar
- 8DBAB9
- 8CB4B3
- 8BADAC
- 8AA7A6
- 88A09F
- 879A99
- 859393
- 848D8C
- 828686
Renk uyumları
Tamamlayıcı +180°
- 8EC1C0
Cabana Bay
- D6A9AB
≈ Silver Pink
Analog -30° +30°
- 8EC1C0
Cabana Bay
- 97C1AD
≈ Bella Green
- 91BED0
≈ Reef Blue
Üçlü +120° +240°
- 8EC1C0
Cabana Bay
- C3ACCE
≈ Meadow Thistle
- CAB190
≈ Spanish Sand
Bölünmüş tamamlayıcı +150° +210°
- 8EC1C0
Cabana Bay
- D0A9BE
≈ Winsome Orchid
- D4AC9A
≈ Hayride
Dörtlü +90° +180° +270°
- 8EC1C0
Cabana Bay
- B1B2D7
≈ Freesia Purple
- D6A9AB
≈ Silver Pink
- BBB891
≈ Back to Nature
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.99:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.53:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.53:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
CSS
:root {
--cabana-bay: #8ec1c0;
--cabana-bay-rgb: 142 193 192;
--cabana-bay-oklch: oklch(0.775 0.053 194.6);
}
.element {
color: var(--cabana-bay);
background-color: hsl(179 29% 66%);
border-color: oklch(0.775 0.053 194.6);
}Tailwind CSS v4
@theme {
--color-cabana-bay: #8ec1c0;
--color-cabana-bay-50: #e5fafa;
--color-cabana-bay-100: #d4eeee;
--color-cabana-bay-200: #bbdcdc;
--color-cabana-bay-300: #98c0c0;
--color-cabana-bay-400: #79a9a8;
--color-cabana-bay-500: #5a9291;
--color-cabana-bay-600: #4d7b7a;
--color-cabana-bay-700: #3d6362;
--color-cabana-bay-800: #2c4847;
--color-cabana-bay-900: #1d3231;
--color-cabana-bay-950: #0d1e1d;
}SCSS
$cabana-bay: #8ec1c0;
$cabana-bay-rgb: 142, 193, 192;
$cabana-bay-light: mix(#fff, $cabana-bay, 20%);
$cabana-bay-dark: mix(#000, $cabana-bay, 20%);
.element {
color: $cabana-bay;
box-shadow: 0 0 0 2px rgba($cabana-bay, 0.35);
}