Colore con nome · #658C7B
Sea Monster
Sea Monster è #658C7B: rgb(101 140 123), hsl(154 16% 47%), oklch(0.606 0.051 166). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Sea Monster color name →
#658C7B
oklch(0.606 0.051 166)
Conversioni di colore
- HEX
- #658c7b
- RGB
- rgb(101 140 123)
- HSL
- hsl(154 16% 47%)
- HWB
- hwb(154 40% 45%)
- OKLCH
- oklch(0.606 0.051 166)
- OKLab
- oklab(0.606 -0.049 0.012)
- CIE Lab
- lab(54.97 -16.94 4.53)
- LCH
- lch(54.97 17.54 165)
- CMYK
- cmyk(28% 0% 12% 45%)
Tinte · Ombre · Toni
Tinte
- 749787
- 83A294
- 92ADA1
- A1B9AE
- B0C4BB
- C0D0C8
- CFDBD6
- DFE7E3
- EFF3F1
Ombre
- 57796A
- 49675A
- 3C554A
- 2F433A
- 22332C
- 17231E
- 0C1410
- 030705
- 000101
Toni
- 688B7C
- 6B8A7C
- 6E897D
- 71877D
- 73867E
- 76857E
- 79847F
- 7B837F
- 7E8180
Armonie di colore
Complementare +180°
- 658C7B
Sea Monster
- 997688
≈ Dusk Wine
Analogo -30° +30°
- 658C7B
Sea Monster
- 75896B
≈ Wonderland
- 5D8C8C
≈ Steel Teal
Triadico +120° +240°
- 658C7B
Sea Monster
- 7F7E9F
≈ Blue Intrigue
- 9C7969
≈ Beaver Fur
Complementare divisa +150° +210°
- 658C7B
Sea Monster
- 8E7997
≈ Passion Fruit
- 9E7678
≈ Bohemian Jazz
Tetradico +90° +180° +270°
- 658C7B
Sea Monster
- 6E84A0
≈ Brisk Blue
- 997688
≈ Dusk Wine
- 947E60
≈ Dapper Tan
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.75:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.59:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.59:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--sea-monster: #658c7b;
--sea-monster-rgb: 101 140 123;
--sea-monster-oklch: oklch(0.606 0.051 166);
}
.element {
color: var(--sea-monster);
background-color: hsl(154 16% 47%);
border-color: oklch(0.606 0.051 166);
}Tailwind CSS v4
@theme {
--color-sea-monster: #658c7b;
--color-sea-monster-50: #e8faf2;
--color-sea-monster-100: #d9eee5;
--color-sea-monster-200: #c1dcd0;
--color-sea-monster-300: #9fc0b2;
--color-sea-monster-400: #83a898;
--color-sea-monster-500: #66917e;
--color-sea-monster-600: #567b6b;
--color-sea-monster-700: #456256;
--color-sea-monster-800: #32483e;
--color-sea-monster-900: #22322a;
--color-sea-monster-950: #111e18;
}SCSS
$sea-monster: #658c7b;
$sea-monster-rgb: 101, 140, 123;
$sea-monster-light: mix(#fff, $sea-monster, 20%);
$sea-monster-dark: mix(#000, $sea-monster, 20%);
.element {
color: $sea-monster;
box-shadow: 0 0 0 2px rgba($sea-monster, 0.35);
}