Couleur nommée la plus proche · #457E7D
#457E7D
Couleur nommée la plus proche: Paradiso
#457E7D (rgb(69 126 125), hsl(179 29% 38%), oklch(0.554 0.06 194.1)) est la plus proche de la couleur nommée Paradiso. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#457E7D
oklch(0.554 0.06 194.1)
Conversions de couleur
- HEX
- #457e7d
- RGB
- rgb(69 126 125)
- HSL
- hsl(179 29% 38%)
- HWB
- hwb(179 27% 51%)
- OKLCH
- oklch(0.554 0.06 194.1)
- OKLab
- oklab(0.554 -0.058 -0.015)
- CIE Lab
- lab(48.91 -19.76 -5.63)
- LCH
- lch(48.91 20.55 195.9)
- CMYK
- cmyk(45% 0% 1% 51%)
Teintes · Ombres · Tons
Teintes
- 588A89
- 6A9796
- 7DA3A2
- 8FB0AF
- A1BDBC
- B4CAC9
- C6D7D6
- D9E4E4
- ECF2F1
Ombres
- 3B6D6C
- 315C5B
- 274C4B
- 1E3C3B
- 152D2C
- 0C1F1E
- 051111
- 020505
- 000101
Tons
- 4C7E7D
- 537F7E
- 597F7E
- 5F7F7E
- 657F7F
- 6B807F
- 70807F
- 76807F
- 7B8080
Harmonies de couleurs
Complémentaire +180°
- 457E7D
Paradiso
- 936468
≈ Roseland
Analogue -30° +30°
- 457E7D
Paradiso
- 507E69
≈ Blackberry Leaf Green
- 4A7B8D
≈ Sky Space
Triadique +120° +240°
- 457E7D
Paradiso
- 80688C
≈ Nymph’s Delight
- 886E4B
≈ Dull Brown
Complémentaire divisée +150° +210°
- 457E7D
Paradiso
- 8C657B
≈ Sweet Violet
- 916856
≈ Rio Rust
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.63:1 · APCA Lc 72
Ag
AASur noir
WCAG 4.53:1 · APCA Lc 30
Meilleure couleur de texte: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
Extraits de code
CSS
:root {
--paradiso: #457e7d;
--paradiso-rgb: 69 126 125;
--paradiso-oklch: oklch(0.554 0.06 194.1);
}
.element {
color: var(--paradiso);
background-color: hsl(179 29% 38%);
border-color: oklch(0.554 0.06 194.1);
}Tailwind CSS v4
@theme {
--color-paradiso: #457e7d;
--color-paradiso-50: #e2fbfb;
--color-paradiso-100: #d2efee;
--color-paradiso-200: #b7dddd;
--color-paradiso-300: #94c1c1;
--color-paradiso-400: #74aaa9;
--color-paradiso-500: #539392;
--color-paradiso-600: #477c7b;
--color-paradiso-700: #386363;
--color-paradiso-800: #284948;
--color-paradiso-900: #1b3332;
--color-paradiso-950: #0b1e1e;
}SCSS
$paradiso: #457e7d;
$paradiso-rgb: 69, 126, 125;
$paradiso-light: mix(#fff, $paradiso, 20%);
$paradiso-dark: mix(#000, $paradiso, 20%);
.element {
color: $paradiso;
box-shadow: 0 0 0 2px rgba($paradiso, 0.35);
}