Couleur nommée la plus proche · #00273B
#00273B
Couleur nommée la plus proche: Midnight Dreams
#00273B (rgb(0 39 59), hsl(200 100% 12%), oklch(0.258 0.056 236.7)) est la plus proche de la couleur nommée Midnight Dreams. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#00273B
oklch(0.258 0.056 236.7)
Conversions de couleur
- HEX
- #00273b
- RGB
- rgb(0 39 59)
- HSL
- hsl(200 100% 12%)
- HWB
- hwb(200 0% 77%)
- OKLCH
- oklch(0.258 0.056 236.7)
- OKLab
- oklab(0.258 -0.031 -0.047)
- CIE Lab
- lab(13.94 -6.87 -16.91)
- LCH
- lch(13.94 18.25 247.9)
- CMYK
- cmyk(100% 34% 0% 77%)
Teintes · Ombres · Tons
Teintes
- 1A3A4D
- 314D5F
- 496271
- 617685
- 798C98
- 93A2AC
- ADB8C0
- C8D0D5
- E3E7EA
Ombres
- 002032
- 001A29
- 001421
- 000E19
- 000811
- 000409
- 000204
- 000101
- 000000
Tons
- 0F2F42
- 1C3849
- 29414F
- 354956
- 41525D
- 4D5B64
- 5A646B
- 666D72
- 737779
Harmonies de couleurs
Complémentaire +180°
- 00273B
Midnight Dreams
- 371B04
≈ Close but No Cigar
Analogue -30° +30°
- 00273B
Midnight Dreams
- 00292E
≈ Daintree
- 17223F
≈ Cool Balaclavas Are Forever
Triadique +120° +240°
- 00273B
Midnight Dreams
- 381724
≈ Chocolate Kiss
- 222702
≈ Lindworm Green
Complémentaire divisée +150° +210°
- 00273B
Midnight Dreams
- 3A1714
≈ Dark Sienna
- 2F2100
≈ Black Swan
Tétradique +90° +180° +270°
- 00273B
Midnight Dreams
- 311932
≈ Nightly Voyager
- 371B04
≈ Close but No Cigar
- 0E2B12
≈ Nori Green
Contraste et accessibilité
Ag
AAASur blanc
WCAG 15.51:1 · APCA Lc 102
Ag
FailSur noir
WCAG 1.35:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 15.51:1 (AAA) · APCA Lc 102
Contrast pairs
Extraits de code
CSS
:root {
--midnight-dreams: #00273b;
--midnight-dreams-rgb: 0 39 59;
--midnight-dreams-oklch: oklch(0.258 0.056 236.7);
}
.element {
color: var(--midnight-dreams);
background-color: hsl(200 100% 12%);
border-color: oklch(0.258 0.056 236.7);
}Tailwind CSS v4
@theme {
--color-midnight-dreams: #00273b;
--color-midnight-dreams-50: #e7f8ff;
--color-midnight-dreams-100: #d8ebf9;
--color-midnight-dreams-200: #bfd8ea;
--color-midnight-dreams-300: #9ebcd1;
--color-midnight-dreams-400: #7fa4bc;
--color-midnight-dreams-500: #628ca7;
--color-midnight-dreams-600: #53778d;
--color-midnight-dreams-700: #425f71;
--color-midnight-dreams-800: #2f4653;
--color-midnight-dreams-900: #20303a;
--color-midnight-dreams-950: #0f1c24;
}SCSS
$midnight-dreams: #00273b;
$midnight-dreams-rgb: 0, 39, 59;
$midnight-dreams-light: mix(#fff, $midnight-dreams, 20%);
$midnight-dreams-dark: mix(#000, $midnight-dreams, 20%);
.element {
color: $midnight-dreams;
box-shadow: 0 0 0 2px rgba($midnight-dreams, 0.35);
}