Colore con nome · #629091
Tranquil Seashore
Tranquil Seashore è #629091: rgb(98 144 145), hsl(181 19% 48%), oklch(0.621 0.05 197.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Tranquil Seashore color name →
#629091
oklch(0.621 0.05 197.7)
Conversioni di colore
- HEX
- #629091
- RGB
- rgb(98 144 145)
- HSL
- hsl(181 19% 48%)
- HWB
- hwb(181 38% 43%)
- OKLCH
- oklch(0.621 0.05 197.7)
- OKLab
- oklab(0.621 -0.048 -0.015)
- CIE Lab
- lab(56.51 -16 -5.81)
- LCH
- lch(56.51 17.03 199.9)
- CMYK
- cmyk(32% 1% 0% 43%)
Tinte · Ombre · Toni
Tinte
- 719B9B
- 81A5A6
- 90B0B1
- A0BBBC
- AFC6C7
- BFD1D2
- CFDDDD
- DFE8E8
- EFF3F4
Ombre
- 547D7D
- 476A6A
- 3A5758
- 2D4546
- 213435
- 162425
- 0B1515
- 030707
- 000101
Toni
- 668E8F
- 698D8E
- 6C8B8C
- 6F8A8A
- 738888
- 758787
- 788585
- 7B8383
- 7D8282
Armonie di colore
Complementare +180°
- 629091
Tranquil Seashore
- A27B7B
≈ Brandied Apple
Analogo -30° +30°
- 629091
Tranquil Seashore
- 699080
≈ Grandview
- 668D9E
≈ Leisure Blue
Triadico +120° +240°
- 629091
Tranquil Seashore
- 937D9A
≈ Wildflower
- 978365
≈ Antique Royal Gold
Complementare divisa +150° +210°
- 629091
Tranquil Seashore
- 9E7B8C
≈ Dusky Orchid
- A07E6D
≈ Tattered Teddy
Tetradico +90° +180° +270°
- 629091
Tranquil Seashore
- 8482A3
≈ Velvet Curtain
- A27B7B
≈ Brandied Apple
- 898966
≈ Green Savage
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.54:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.91:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.91:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--tranquil-seashore: #629091;
--tranquil-seashore-rgb: 98 144 145;
--tranquil-seashore-oklch: oklch(0.621 0.05 197.7);
}
.element {
color: var(--tranquil-seashore);
background-color: hsl(181 19% 48%);
border-color: oklch(0.621 0.05 197.7);
}Tailwind CSS v4
@theme {
--color-tranquil-seashore: #629091;
--color-tranquil-seashore-50: #e6fafb;
--color-tranquil-seashore-100: #d6edee;
--color-tranquil-seashore-200: #bddbdc;
--color-tranquil-seashore-300: #9ac0c1;
--color-tranquil-seashore-400: #7ca8a9;
--color-tranquil-seashore-500: #5d9192;
--color-tranquil-seashore-600: #507a7b;
--color-tranquil-seashore-700: #3f6263;
--color-tranquil-seashore-800: #2d4848;
--color-tranquil-seashore-900: #1f3232;
--color-tranquil-seashore-950: #0e1e1e;
}SCSS
$tranquil-seashore: #629091;
$tranquil-seashore-rgb: 98, 144, 145;
$tranquil-seashore-light: mix(#fff, $tranquil-seashore, 20%);
$tranquil-seashore-dark: mix(#000, $tranquil-seashore, 20%);
.element {
color: $tranquil-seashore;
box-shadow: 0 0 0 2px rgba($tranquil-seashore, 0.35);
}