Colore con nome · #81D7D0
Island Sea
Island Sea è #81D7D0: rgb(129 215 208), hsl(175 52% 67%), oklch(0.823 0.084 189). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Island Sea color name →
#81D7D0
oklch(0.823 0.084 189)
Conversioni di colore
- HEX
- #81d7d0
- RGB
- rgb(129 215 208)
- HSL
- hsl(175 52% 67%)
- HWB
- hwb(175 51% 16%)
- OKLCH
- oklch(0.823 0.084 189)
- OKLab
- oklab(0.823 -0.083 -0.013)
- CIE Lab
- lab(80.42 -28.43 -5.18)
- LCH
- lch(80.42 28.89 190.3)
- CMYK
- cmyk(40% 0% 3% 16%)
Tinte · Ombre · Toni
Tinte
- 8FDBD5
- 9DDFD9
- AAE3DE
- B7E7E3
- C3EBE7
- CFEFEC
- DBF3F1
- E7F7F5
- F3FBFA
Ombre
- 6FBBB5
- 5E9F9A
- 4E8580
- 3E6B67
- 2E524F
- 1F3B39
- 122523
- 061110
- 010202
Toni
- 82CEC8
- 83C5BF
- 84BCB7
- 84B4AF
- 84ABA7
- 84A29F
- 839A97
- 83918F
- 818888
Armonie di colore
Complementare +180°
- 81D7D0
Island Sea
- F6AFB9
≈ Bubblegum Pink
Analogo -30° +30°
- 81D7D0
Island Sea
- 95D6B1
≈ Vista Blue
- 84D3EA
≈ Middle Blue
Triadico +120° +240°
- 81D7D0
Island Sea
- D5B7EF
≈ Pink Illusion
- E9BC89
≈ Bread Pudding
Complementare divisa +150° +210°
- 81D7D0
Island Sea
- EAB0D7
≈ Flower Power
- F6B39D
≈ Mystic Tulip
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.67:1 · APCA Lc 29
Ag
AAASu nero
WCAG 12.56:1 · APCA Lc 74
Miglior colore del testo: #000000
WCAG 12.56:1 (AAA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--island-sea: #81d7d0;
--island-sea-rgb: 129 215 208;
--island-sea-oklch: oklch(0.823 0.084 189);
}
.element {
color: var(--island-sea);
background-color: hsl(175 52% 67%);
border-color: oklch(0.823 0.084 189);
}Tailwind CSS v4
@theme {
--color-island-sea: #81d7d0;
--color-island-sea-50: #dbfdfb;
--color-island-sea-100: #c9f1ee;
--color-island-sea-200: #abe0dd;
--color-island-sea-300: #84c6c2;
--color-island-sea-400: #5eafa8;
--color-island-sea-500: #319891;
--color-island-sea-600: #2c817b;
--color-island-sea-700: #236762;
--color-island-sea-800: #184c47;
--color-island-sea-900: #103531;
--color-island-sea-950: #02201d;
}SCSS
$island-sea: #81d7d0;
$island-sea-rgb: 129, 215, 208;
$island-sea-light: mix(#fff, $island-sea, 20%);
$island-sea-dark: mix(#000, $island-sea, 20%);
.element {
color: $island-sea;
box-shadow: 0 0 0 2px rgba($island-sea, 0.35);
}