Colore con nome · #92B6CF
Sea Mark
Sea Mark è #92B6CF: rgb(146 182 207), hsl(205 39% 69%), oklch(0.758 0.053 238.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Sea Mark color name →
#92B6CF
oklch(0.758 0.053 238.7)
Conversioni di colore
- HEX
- #92b6cf
- RGB
- rgb(146 182 207)
- HSL
- hsl(205 39% 69%)
- HWB
- hwb(205 57% 19%)
- OKLCH
- oklch(0.758 0.053 238.7)
- OKLab
- oklab(0.758 -0.028 -0.045)
- CIE Lab
- lab(72.04 -8.2 -16.89)
- LCH
- lch(72.04 18.78 244.1)
- CMYK
- cmyk(29% 12% 0% 19%)
Tinte · Ombre · Toni
Tinte
- 9DBDD4
- A8C4D9
- B2CCDE
- BDD3E2
- C8DAE7
- D3E1EC
- DEE9F1
- E9F0F5
- F4F8FA
Ombre
- 7E9EB4
- 6B8699
- 586F7F
- 465967
- 35444F
- 253038
- 161D23
- 080C10
- 010202
Toni
- 90B1C7
- 8FABBF
- 8DA6B7
- 8BA0AF
- 8A9BA7
- 88959F
- 869097
- 848B8F
- 828588
Armonie di colore
Complementare +180°
- 92B6CF
Sea Mark
- CBA990
≈ Fox Hill
Analogo -30° +30°
- 92B6CF
Sea Mark
- 89BAC3
≈ Sea Angel
- A2B0D3
≈ Calm Interlude
Triadico +120° +240°
- 92B6CF
Sea Mark
- CEA3B0
≈ Birthday Candle
- ADB690
≈ Casa Verde
Complementare divisa +150° +210°
- 92B6CF
Sea Mark
- D0A59E
≈ Eunry
- BEAF8A
≈ Owl Manner Malt
Tetradico +90° +180° +270°
- 92B6CF
Sea Mark
- C4A5C2
≈ Novel Lilac
- CBA990
≈ Fox Hill
- 9ABA9E
≈ Greyed Jade
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.13:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.81:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.81:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--sea-mark: #92b6cf;
--sea-mark-rgb: 146 182 207;
--sea-mark-oklch: oklch(0.758 0.053 238.7);
}
.element {
color: var(--sea-mark);
background-color: hsl(205 39% 69%);
border-color: oklch(0.758 0.053 238.7);
}Tailwind CSS v4
@theme {
--color-sea-mark: #92b6cf;
--color-sea-mark-50: #e8f8ff;
--color-sea-mark-100: #d9ebf8;
--color-sea-mark-200: #c1d8e9;
--color-sea-mark-300: #a0bcd0;
--color-sea-mark-400: #82a3bb;
--color-sea-mark-500: #658ca6;
--color-sea-mark-600: #56768c;
--color-sea-mark-700: #445e70;
--color-sea-mark-800: #314553;
--color-sea-mark-900: #21303a;
--color-sea-mark-950: #101c24;
}SCSS
$sea-mark: #92b6cf;
$sea-mark-rgb: 146, 182, 207;
$sea-mark-light: mix(#fff, $sea-mark, 20%);
$sea-mark-dark: mix(#000, $sea-mark, 20%);
.element {
color: $sea-mark;
box-shadow: 0 0 0 2px rgba($sea-mark, 0.35);
}