Couleur nommée la plus proche · #1C758D
#1C758D
Couleur nommée la plus proche: Celestial
#1C758D (rgb(28 117 141), hsl(193 67% 33%), oklch(0.523 0.087 220.7)) est la plus proche de la couleur nommée Celestial. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#1C758D
oklch(0.523 0.087 220.7)
Conversions de couleur
- HEX
- #1c758d
- RGB
- rgb(28 117 141)
- HSL
- hsl(193 67% 33%)
- HWB
- hwb(193 11% 45%)
- OKLCH
- oklch(0.523 0.087 220.7)
- OKLab
- oklab(0.523 -0.066 -0.057)
- CIE Lab
- lab(45.12 -19.71 -20.89)
- LCH
- lch(45.12 28.72 226.7)
- CMYK
- cmyk(80% 17% 0% 45%)
Teintes · Ombres · Tons
Teintes
- 3A8298
- 5390A3
- 699DAF
- 7EABBA
- 94B9C5
- A9C6D1
- BED4DC
- D4E2E8
- E9F1F3
Ombres
- 17657A
- 125567
- 0D4655
- 083744
- 052933
- 021C23
- 010F14
- 000507
- 000101
Tons
- 2D768C
- 3A788B
- 45798A
- 4F7A88
- 587B87
- 617C86
- 697D84
- 717E83
- 797F82
Harmonies de couleurs
Complémentaire +180°
- 1C758D
Celestial
- 945842
≈ Seville Scarlet
Analogue -30° +30°
- 1C758D
Celestial
- 0E7A76
≈ Surfie Green
- 416D9A
≈ National Anthem
Triadique +120° +240°
- 1C758D
Celestial
- 8C5579
≈ Plum Highness
- 756B29
≈ Aged Mustard Green
Complémentaire divisée +150° +210°
- 1C758D
Celestial
- 95545E
≈ Mesa Red
- 89602B
≈ Rusty Coin
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.27:1 · APCA Lc 76
Ag
FailSur noir
WCAG 3.97:1 · APCA Lc 26
Meilleure couleur de texte: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
Extraits de code
CSS
:root {
--celestial: #1c758d;
--celestial-rgb: 28 117 141;
--celestial-oklch: oklch(0.523 0.087 220.7);
}
.element {
color: var(--celestial);
background-color: hsl(193 67% 33%);
border-color: oklch(0.523 0.087 220.7);
}Tailwind CSS v4
@theme {
--color-celestial: #1c758d;
--color-celestial-50: #dbfbff;
--color-celestial-100: #c9effd;
--color-celestial-200: #acddf0;
--color-celestial-300: #85c2d8;
--color-celestial-400: #5fabc3;
--color-celestial-500: #3493af;
--color-celestial-600: #2e7d93;
--color-celestial-700: #256476;
--color-celestial-800: #174957;
--color-celestial-900: #0f333d;
--color-celestial-950: #021f26;
}SCSS
$celestial: #1c758d;
$celestial-rgb: 28, 117, 141;
$celestial-light: mix(#fff, $celestial, 20%);
$celestial-dark: mix(#000, $celestial, 20%);
.element {
color: $celestial;
box-shadow: 0 0 0 2px rgba($celestial, 0.35);
}