Couleur nommée la plus proche · #414258
#414258
Couleur nommée la plus proche: Lava Stone
#414258 (rgb(65 66 88), hsl(237 15% 30%), oklch(0.387 0.037 282.5)) est la plus proche de la couleur nommée Lava Stone. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#414258
oklch(0.387 0.037 282.5)
Conversions de couleur
- HEX
- #414258
- RGB
- rgb(65 66 88)
- HSL
- hsl(237 15% 30%)
- HWB
- hwb(237 25% 65%)
- OKLCH
- oklch(0.387 0.037 282.5)
- OKLab
- oklab(0.387 0.008 -0.036)
- CIE Lab
- lab(28.57 3.78 -13.36)
- LCH
- lch(28.57 13.88 285.8)
- CMYK
- cmyk(26% 25% 0% 65%)
Teintes · Ombres · Tons
Teintes
- 525367
- 636477
- 757687
- 878897
- 9A9BA8
- AEAEB9
- C1C2CA
- D6D6DB
- EAEAED
Ombres
- 37384B
- 2E2F3F
- 252533
- 1C1C28
- 13141D
- 0B0B12
- 050509
- 010103
- 000000
Tons
- 47485C
- 4D4E60
- 535464
- 595A68
- 5F606C
- 666770
- 6C6D74
- 737378
- 797A7C
Harmonies de couleurs
Complémentaire +180°
- 414258
Lava Stone
- 48452E
≈ Tin Bitz
Analogue -30° +30°
- 414258
Lava Stone
- 364658
≈ Compass Blue
- 4B3F53
≈ Sweet Grape
Triadique +120° +240°
- 414258
Lava Stone
- 563E35
≈ Vixen
- 324B3E
≈ Norfolk Green
Complémentaire divisée +150° +210°
- 414258
Lava Stone
- 51412E
≈ Deep Bronze
- 3D4934
≈ Rifle Green
Tétradique +90° +180° +270°
- 414258
Lava Stone
- 563C3F
≈ Budapest Brown
- 48452E
≈ Tin Bitz
- 2B4B4A
≈ Tree Bark Green
Contraste et accessibilité
Ag
AAASur blanc
WCAG 9.79:1 · APCA Lc 93
Ag
FailSur noir
WCAG 2.14:1 · APCA Lc 10
Meilleure couleur de texte: #FFFFFF
WCAG 9.79:1 (AAA) · APCA Lc 93
Contrast pairs
Extraits de code
CSS
:root {
--lava-stone: #414258;
--lava-stone-rgb: 65 66 88;
--lava-stone-oklch: oklch(0.387 0.037 282.5);
}
.element {
color: var(--lava-stone);
background-color: hsl(237 15% 30%);
border-color: oklch(0.387 0.037 282.5);
}Tailwind CSS v4
@theme {
--color-lava-stone: #414258;
--color-lava-stone-50: #f3f4ff;
--color-lava-stone-100: #e6e6f4;
--color-lava-stone-200: #d2d2e4;
--color-lava-stone-300: #b5b5ca;
--color-lava-stone-400: #9b9cb4;
--color-lava-stone-500: #82849f;
--color-lava-stone-600: #6e6f86;
--color-lava-stone-700: #58596c;
--color-lava-stone-800: #40414f;
--color-lava-stone-900: #2c2d37;
--color-lava-stone-950: #191a22;
}SCSS
$lava-stone: #414258;
$lava-stone-rgb: 65, 66, 88;
$lava-stone-light: mix(#fff, $lava-stone, 20%);
$lava-stone-dark: mix(#000, $lava-stone, 20%);
.element {
color: $lava-stone;
box-shadow: 0 0 0 2px rgba($lava-stone, 0.35);
}