Couleur nommée la plus proche · #507F93
#507F93
Couleur nommée la plus proche: Night Owl
#507F93 (rgb(80 127 147), hsl(198 30% 45%), oklch(0.571 0.06 226.9)) est la plus proche de la couleur nommée Night Owl. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#507F93
oklch(0.571 0.06 226.9)
Conversions de couleur
- HEX
- #507f93
- RGB
- rgb(80 127 147)
- HSL
- hsl(198 30% 45%)
- HWB
- hwb(198 31% 42%)
- OKLCH
- oklch(0.571 0.06 226.9)
- OKLab
- oklab(0.571 -0.041 -0.044)
- CIE Lab
- lab(50.41 -12.4 -16.15)
- LCH
- lch(50.41 20.36 232.5)
- CMYK
- cmyk(46% 14% 0% 42%)
Teintes · Ombres · Tons
Teintes
- 618B9D
- 7298A8
- 83A4B3
- 95B1BD
- A6BDC8
- B7CAD3
- C9D7DE
- DBE4E9
- EDF2F4
Ombres
- 446E7F
- 395D6C
- 2E4C59
- 243C47
- 1A2D36
- 101F25
- 071116
- 020608
- 000101
Tons
- 567F91
- 5B7F8F
- 60808E
- 65808C
- 6A808A
- 6E8088
- 738086
- 778084
- 7C8082
Harmonies de couleurs
Complémentaire +180°
- 507F93
Night Owl
- 956D59
≈ Timeless Copper
Analogue -30° +30°
- 507F93
Night Owl
- 4A8384
≈ Paradiso
- 61799B
≈ Chicory Flower
Triadique +120° +240°
- 507F93
Night Owl
- 92697E
≈ Milkwort Red
- 7B7A50
≈ Bonsai
Complémentaire divisée +150° +210°
- 507F93
Night Owl
- 98696B
≈ Red Grey
- 8C734F
≈ Rutherford
Tétradique +90° +180° +270°
- 507F93
Night Owl
- 866D8F
≈ Beauty
- 956D59
≈ Timeless Copper
- 67805D
≈ Emerald City
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.37:1 · APCA Lc 70
Ag
AASur noir
WCAG 4.79:1 · APCA Lc 31
Meilleure couleur de texte: #000000
WCAG 4.79:1 (AA) · APCA Lc 31
Contrast pairs
Extraits de code
CSS
:root {
--night-owl: #507f93;
--night-owl-rgb: 80 127 147;
--night-owl-oklch: oklch(0.571 0.06 226.9);
}
.element {
color: var(--night-owl);
background-color: hsl(198 30% 45%);
border-color: oklch(0.571 0.06 226.9);
}Tailwind CSS v4
@theme {
--color-night-owl: #507f93;
--color-night-owl-50: #e5f9ff;
--color-night-owl-100: #d4ecf8;
--color-night-owl-200: #bbdae9;
--color-night-owl-300: #98bed0;
--color-night-owl-400: #79a6ba;
--color-night-owl-500: #5a8fa5;
--color-night-owl-600: #4c798b;
--color-night-owl-700: #3d6070;
--color-night-owl-800: #2b4752;
--color-night-owl-900: #1d3139;
--color-night-owl-950: #0d1d23;
}SCSS
$night-owl: #507f93;
$night-owl-rgb: 80, 127, 147;
$night-owl-light: mix(#fff, $night-owl, 20%);
$night-owl-dark: mix(#000, $night-owl, 20%);
.element {
color: $night-owl;
box-shadow: 0 0 0 2px rgba($night-owl, 0.35);
}