Colore con nome · #80B9C0
Coastal Fringe
Coastal Fringe è #80B9C0: rgb(128 185 192), hsl(187 34% 63%), oklch(0.749 0.06 205.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Coastal Fringe color name →
#80B9C0
oklch(0.749 0.06 205.6)
Conversioni di colore
- HEX
- #80b9c0
- RGB
- rgb(128 185 192)
- HSL
- hsl(187 34% 63%)
- HWB
- hwb(187 50% 25%)
- OKLCH
- oklch(0.749 0.06 205.6)
- OKLab
- oklab(0.749 -0.054 -0.026)
- CIE Lab
- lab(71.4 -17.92 -9.81)
- LCH
- lch(71.4 20.43 208.7)
- CMYK
- cmyk(33% 4% 0% 25%)
Tinte · Ombre · Toni
Tinte
- 8DC0C6
- 9AC7CC
- A7CED3
- B3D5D9
- C0DCDF
- CDE3E6
- D9EAEC
- E6F1F2
- F2F8F9
Ombre
- 6EA0A7
- 5D898E
- 4D7176
- 3D5B5F
- 2E4649
- 1F3134
- 121E20
- 060D0E
- 010202
Toni
- 81B3B9
- 81ADB3
- 82A8AC
- 82A2A6
- 829C9F
- 829799
- 829193
- 818B8C
- 818686
Armonie di colore
Complementare +180°
- 80B9C0
Coastal Fringe
- D1A09A
≈ Evening Dress
Analogo -30° +30°
- 80B9C0
Coastal Fringe
- 85BBAC
≈ Patina Hue
- 89B4CF
≈ Batch Blue
Triadico +120° +240°
- 80B9C0
Coastal Fringe
- C2A1C2
≈ Pale Grape
- BFAB82
≈ Faded Letter
Complementare divisa +150° +210°
- 80B9C0
Coastal Fringe
- CD9EAF
≈ Quilted Heart
- CCA48A
≈ Sienna Buff
Tetradico +90° +180° +270°
- 80B9C0
Coastal Fringe
- B0A7D0
≈ Wisteria-Wise
- D1A09A
≈ Evening Dress
- ABB387
≈ Great Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.18:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.61:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.61:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--coastal-fringe: #80b9c0;
--coastal-fringe-rgb: 128 185 192;
--coastal-fringe-oklch: oklch(0.749 0.06 205.6);
}
.element {
color: var(--coastal-fringe);
background-color: hsl(187 34% 63%);
border-color: oklch(0.749 0.06 205.6);
}Tailwind CSS v4
@theme {
--color-coastal-fringe: #80b9c0;
--color-coastal-fringe-50: #e2fafe;
--color-coastal-fringe-100: #d2eef2;
--color-coastal-fringe-200: #b8dce1;
--color-coastal-fringe-300: #94c1c7;
--color-coastal-fringe-400: #74a9b0;
--color-coastal-fringe-500: #539299;
--color-coastal-fringe-600: #477b82;
--color-coastal-fringe-700: #386368;
--color-coastal-fringe-800: #28494c;
--color-coastal-fringe-900: #1b3235;
--color-coastal-fringe-950: #0b1e20;
}SCSS
$coastal-fringe: #80b9c0;
$coastal-fringe-rgb: 128, 185, 192;
$coastal-fringe-light: mix(#fff, $coastal-fringe, 20%);
$coastal-fringe-dark: mix(#000, $coastal-fringe, 20%);
.element {
color: $coastal-fringe;
box-shadow: 0 0 0 2px rgba($coastal-fringe, 0.35);
}