Couleur nommée la plus proche · #3A4A5D
#3A4A5D
Couleur nommée la plus proche: Silent Sea
#3A4A5D (rgb(58 74 93), hsl(213 23% 30%), oklch(0.403 0.038 253)) est la plus proche de la couleur nommée Silent Sea. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#3A4A5D
oklch(0.403 0.038 253)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 4B5A6C
- 5E6B7B
- 707C8B
- 838E9B
- 97A0AB
- ABB2BB
- BFC5CC
- D4D8DD
- E9EBEE
Ombres
- 313F50
- 283543
- 202A37
- 18202A
- 10171F
- 090E14
- 04060A
- 010203
- 000000
Tons
- 414F61
- 485564
- 4E5A68
- 555F6B
- 5C656F
- 636A72
- 6A6F76
- 717579
- 797A7D
Harmonies de couleurs
Complémentaire +180°
- 3A4A5D
Silent Sea
- 554631
≈ Punga
Analogue -30° +30°
- 3A4A5D
Silent Sea
- 314D58
≈ Seaworthy
- 45465D
≈ Darkest Navy
Triadique +120° +240°
- 3A4A5D
Silent Sea
- 5B4043
≈ Wood-Black Red
- 414D38
≈ Hōjicha
Complémentaire divisée +150° +210°
- 3A4A5D
Silent Sea
- 5B4238
≈ Lava Cake
- 4C4A31
≈ Tinny Tin
Tétradique +90° +180° +270°
- 3A4A5D
Silent Sea
- 58404E
≈ Punchit Purple
- 554631
≈ Punga
- 354F43
≈ Pine Needle
Contraste et accessibilité
Ag
AAASur blanc
WCAG 9.06:1 · APCA Lc 91
Ag
FailSur noir
WCAG 2.31:1 · APCA Lc 12
Meilleure couleur de texte: #FFFFFF
WCAG 9.06:1 (AAA) · APCA Lc 91
Contrast pairs
Extraits de code
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);
}