Couleur nommée la plus proche · #2E3450
#2E3450
Couleur nommée la plus proche: Mediaeval Blue
#2E3450 (rgb(46 52 80), hsl(229 27% 25%), oklch(0.333 0.05 274.1)) est la plus proche de la couleur nommée Mediaeval Blue. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#2E3450
oklch(0.333 0.05 274.1)
Conversions de couleur
- HEX
- #2e3450
- RGB
- rgb(46 52 80)
- HSL
- hsl(229 27% 25%)
- HWB
- hwb(229 18% 69%)
- OKLCH
- oklch(0.333 0.05 274.1)
- OKLab
- oklab(0.333 0.004 -0.05)
- CIE Lab
- lab(22.15 3.64 -18.17)
- LCH
- lch(22.15 18.53 281.3)
- CMYK
- cmyk(42% 35% 0% 69%)
Teintes · Ombres · Tons
Teintes
- 404660
- 535871
- 666C82
- 7A7F93
- 8F93A4
- A4A8B6
- BABDC8
- D1D3DA
- E8E9EC
Ombres
- 272C44
- 1F2439
- 181C2E
- 121524
- 0B0E1A
- 060710
- 020307
- 010102
- 000000
Tons
- 353B55
- 3D435A
- 454A5F
- 4D5163
- 555968
- 5D616D
- 666872
- 6E7077
- 77787B
Harmonies de couleurs
Complémentaire +180°
- 2E3450
Mediaeval Blue
- 3E3615
≈ Camouflage
Analogue -30° +30°
- 2E3450
Mediaeval Blue
- 1E394E
≈ Subterranean River
- 3C2F4B
≈ Sanctum of Shadows
Triadique +120° +240°
- 2E3450
Mediaeval Blue
- 4D2C25
≈ Couch
- 203E2A
≈ Mizukaze Green
Complémentaire divisée +150° +210°
- 2E3450
Mediaeval Blue
- 483019
≈ Iroko
- 313A1D
≈ Turtle Skin
Tétradique +90° +180° +270°
- 2E3450
Mediaeval Blue
- 4C2B33
≈ Wine Tasting
- 3E3615
≈ Camouflage
- 103E39
≈ Botanical Night
Contraste et accessibilité
Ag
AAASur blanc
WCAG 12.18:1 · APCA Lc 98
Ag
FailSur noir
WCAG 1.72:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 12.18:1 (AAA) · APCA Lc 98
Contrast pairs
Extraits de code
CSS
:root {
--mediaeval-blue: #2e3450;
--mediaeval-blue-rgb: 46 52 80;
--mediaeval-blue-oklch: oklch(0.333 0.05 274.1);
}
.element {
color: var(--mediaeval-blue);
background-color: hsl(229 27% 25%);
border-color: oklch(0.333 0.05 274.1);
}Tailwind CSS v4
@theme {
--color-mediaeval-blue: #2e3450;
--color-mediaeval-blue-50: #f1f4ff;
--color-mediaeval-blue-100: #e3e7f9;
--color-mediaeval-blue-200: #ced3ea;
--color-mediaeval-blue-300: #b0b6d2;
--color-mediaeval-blue-400: #959dbd;
--color-mediaeval-blue-500: #7c84a8;
--color-mediaeval-blue-600: #69708e;
--color-mediaeval-blue-700: #545972;
--color-mediaeval-blue-800: #3c4254;
--color-mediaeval-blue-900: #292d3b;
--color-mediaeval-blue-950: #171a25;
}SCSS
$mediaeval-blue: #2e3450;
$mediaeval-blue-rgb: 46, 52, 80;
$mediaeval-blue-light: mix(#fff, $mediaeval-blue, 20%);
$mediaeval-blue-dark: mix(#000, $mediaeval-blue, 20%);
.element {
color: $mediaeval-blue;
box-shadow: 0 0 0 2px rgba($mediaeval-blue, 0.35);
}