Colore con nome più vicino · #3A4A5D
#3A4A5D
Colore con nome più vicino: Silent Sea
#3A4A5D (rgb(58 74 93), hsl(213 23% 30%), oklch(0.403 0.038 253)) è più vicino al colore con nome Silent Sea. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#3A4A5D
oklch(0.403 0.038 253)
Conversioni di colore
- HEX
- #3a4a5d
- RGB
- rgb(58 74 93)
- HSL
- hsl(213 23% 30%)
- HWB
- hwb(213 23% 64%)
- OKLCH
- oklch(0.403 0.038 253)
- OKLab
- oklab(0.403 -0.011 -0.036)
- CIE Lab
- lab(30.67 -2.52 -13.43)
- LCH
- lch(30.67 13.67 259.4)
- CMYK
- cmyk(38% 20% 0% 64%)
Tinte · Ombre · Toni
Tinte
- 4B5A6C
- 5E6B7B
- 707C8B
- 838E9B
- 97A0AB
- ABB2BB
- BFC5CC
- D4D8DD
- E9EBEE
Ombre
- 313F50
- 283543
- 202A37
- 18202A
- 10171F
- 090E14
- 04060A
- 010203
- 000000
Toni
- 414F61
- 485564
- 4E5A68
- 555F6B
- 5C656F
- 636A72
- 6A6F76
- 717579
- 797A7D
Armonie di colore
Complementare +180°
- 3A4A5D
Silent Sea
- 554631
≈ Punga
Analogo -30° +30°
- 3A4A5D
Silent Sea
- 314D58
≈ Seaworthy
- 45465D
≈ Darkest Navy
Triadico +120° +240°
- 3A4A5D
Silent Sea
- 5B4043
≈ Wood-Black Red
- 414D38
≈ Hōjicha
Complementare divisa +150° +210°
- 3A4A5D
Silent Sea
- 5B4238
≈ Lava Cake
- 4C4A31
≈ Tinny Tin
Tetradico +90° +180° +270°
- 3A4A5D
Silent Sea
- 58404E
≈ Punchit Purple
- 554631
≈ Punga
- 354F43
≈ Pine Needle
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.06:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.31:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 9.06:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--silent-sea: #3a4a5d;
--silent-sea-rgb: 58 74 93;
--silent-sea-oklch: oklch(0.403 0.038 253);
}
.element {
color: var(--silent-sea);
background-color: hsl(213 23% 30%);
border-color: oklch(0.403 0.038 253);
}Tailwind CSS v4
@theme {
--color-silent-sea: #3a4a5d;
--color-silent-sea-50: #eef6ff;
--color-silent-sea-100: #e0e9f5;
--color-silent-sea-200: #cad5e5;
--color-silent-sea-300: #abb9cb;
--color-silent-sea-400: #8fa0b5;
--color-silent-sea-500: #75889f;
--color-silent-sea-600: #637387;
--color-silent-sea-700: #4f5c6c;
--color-silent-sea-800: #39444f;
--color-silent-sea-900: #272f37;
--color-silent-sea-950: #151b22;
}SCSS
$silent-sea: #3a4a5d;
$silent-sea-rgb: 58, 74, 93;
$silent-sea-light: mix(#fff, $silent-sea, 20%);
$silent-sea-dark: mix(#000, $silent-sea, 20%);
.element {
color: $silent-sea;
box-shadow: 0 0 0 2px rgba($silent-sea, 0.35);
}