Benannte Farbe · #80D7CF
Isle Royale
Isle Royale ist #80D7CF: rgb(128 215 207), hsl(174 52% 67%), oklch(0.822 0.085 188.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Isle Royale color name →
#80D7CF
oklch(0.822 0.085 188.1)
Farbumrechnungen
- HEX
- #80d7cf
- RGB
- rgb(128 215 207)
- HSL
- hsl(174 52% 67%)
- HWB
- hwb(174 50% 16%)
- OKLCH
- oklch(0.822 0.085 188.1)
- OKLab
- oklab(0.822 -0.084 -0.012)
- CIE Lab
- lab(80.35 -28.87 -4.75)
- LCH
- lch(80.35 29.26 189.3)
- CMYK
- cmyk(40% 0% 4% 16%)
Tints · Shades · Tones
Tints
- 8EDBD4
- 9CDFD8
- A9E3DD
- B6E7E2
- C3EBE7
- CFEFEC
- DBF3F0
- E7F7F5
- F3FBFA
Shades
- 6EBBB4
- 5D9F99
- 4D857F
- 3D6B67
- 2E524F
- 1F3B38
- 122523
- 061110
- 010202
Tones
- 82CEC7
- 83C5BF
- 83BCB7
- 84B4AF
- 84ABA7
- 84A29F
- 839A97
- 82918F
- 818888
Farbharmonien
Komplementär +180°
- 80D7CF
Isle Royale
- F6AEBA
≈ Sweet Caroline
Analog -30° +30°
- 80D7CF
Isle Royale
- 95D6B0
≈ Vista Blue
- 82D3EA
≈ Middle Blue
Triadisch +120° +240°
- 80D7CF
Isle Royale
- D4B6F0
≈ Pink Illusion
- EABB88
≈ Gold Vessel
Geteilt komplementär +150° +210°
- 80D7CF
Isle Royale
- EAB0D8
≈ Flower Power
- F6B29D
≈ First Date
Tetradisch +90° +180° +270°
- 80D7CF
Isle Royale
- B7C0FC
≈ Dried Lilac
- F6AEBA
≈ Sweet Caroline
- D3C685
≈ Green Apple Martini
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.67:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.53:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.53:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--isle-royale: #80d7cf;
--isle-royale-rgb: 128 215 207;
--isle-royale-oklch: oklch(0.822 0.085 188.1);
}
.element {
color: var(--isle-royale);
background-color: hsl(174 52% 67%);
border-color: oklch(0.822 0.085 188.1);
}Tailwind CSS v4
@theme {
--color-isle-royale: #80d7cf;
--color-isle-royale-50: #dbfefa;
--color-isle-royale-100: #c9f2ee;
--color-isle-royale-200: #abe1dc;
--color-isle-royale-300: #83c6c1;
--color-isle-royale-400: #5dafa8;
--color-isle-royale-500: #309891;
--color-isle-royale-600: #2b817a;
--color-isle-royale-700: #226762;
--color-isle-royale-800: #174c47;
--color-isle-royale-900: #0f3531;
--color-isle-royale-950: #02201d;
}SCSS
$isle-royale: #80d7cf;
$isle-royale-rgb: 128, 215, 207;
$isle-royale-light: mix(#fff, $isle-royale, 20%);
$isle-royale-dark: mix(#000, $isle-royale, 20%);
.element {
color: $isle-royale;
box-shadow: 0 0 0 2px rgba($isle-royale, 0.35);
}