Couleur nommée la plus proche · #254F6A
#254F6A
Couleur nommée la plus proche: Seafarer
#254F6A (rgb(37 79 106), hsl(203 48% 28%), oklch(0.41 0.065 239.3)) est la plus proche de la couleur nommée Seafarer. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#254F6A
oklch(0.41 0.065 239.3)
Conversions de couleur
- HEX
- #254f6a
- RGB
- rgb(37 79 106)
- HSL
- hsl(203 48% 28%)
- HWB
- hwb(203 15% 58%)
- OKLCH
- oklch(0.41 0.065 239.3)
- OKLab
- oklab(0.41 -0.033 -0.056)
- CIE Lab
- lab(31.56 -8.18 -20.41)
- LCH
- lch(31.56 21.99 248.2)
- CMYK
- cmyk(65% 25% 0% 58%)
Teintes · Ombres · Tons
Teintes
- 3A5F78
- 4F7087
- 648195
- 7992A4
- 8EA3B3
- A4B5C2
- BAC7D1
- D1DAE0
- E8ECEF
Ombres
- 1F445B
- 19384D
- 132E3F
- 0D2331
- 081924
- 041018
- 02070D
- 000204
- 000000
Tons
- 2F546C
- 39596F
- 425E71
- 4B6373
- 546876
- 5D6C78
- 66717A
- 6E767C
- 777B7E
Harmonies de couleurs
Complémentaire +180°
- 254F6A
Seafarer
- 644124
≈ Satoimo Brown
Analogue -30° +30°
- 254F6A
Seafarer
- 10545D
≈ Seaworld
- 3C496E
≈ Egyptian Violet
Triadique +120° +240°
- 254F6A
Seafarer
- 673B49
≈ Mauve Wine
- 464F25
≈ Bronze Tone
Complémentaire divisée +150° +210°
- 254F6A
Seafarer
- 693C35
≈ Burnished Bark
- 59481C
≈ Bronze Olive
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AAASur blanc
WCAG 8.73:1 · APCA Lc 90
Ag
FailSur noir
WCAG 2.40:1 · APCA Lc 13
Meilleure couleur de texte: #FFFFFF
WCAG 8.73:1 (AAA) · APCA Lc 90
Contrast pairs
Extraits de code
CSS
:root {
--seafarer: #254f6a;
--seafarer-rgb: 37 79 106;
--seafarer-oklch: oklch(0.41 0.065 239.3);
}
.element {
color: var(--seafarer);
background-color: hsl(203 48% 28%);
border-color: oklch(0.41 0.065 239.3);
}Tailwind CSS v4
@theme {
--color-seafarer: #254f6a;
--color-seafarer-50: #e5f8ff;
--color-seafarer-100: #d6ebfc;
--color-seafarer-200: #bcd8ee;
--color-seafarer-300: #9abcd6;
--color-seafarer-400: #7ba4c1;
--color-seafarer-500: #5c8cad;
--color-seafarer-600: #4f7792;
--color-seafarer-700: #3f5f75;
--color-seafarer-800: #2c4656;
--color-seafarer-900: #1e303c;
--color-seafarer-950: #0d1d26;
}SCSS
$seafarer: #254f6a;
$seafarer-rgb: 37, 79, 106;
$seafarer-light: mix(#fff, $seafarer, 20%);
$seafarer-dark: mix(#000, $seafarer, 20%);
.element {
color: $seafarer;
box-shadow: 0 0 0 2px rgba($seafarer, 0.35);
}