En yakın adlandırılmış renk · #2D00B8
#2D00B8
En yakın adlandırılmış renk: Galactic Highway
#2D00B8 (rgb(45 0 184), hsl(255 100% 36%), oklch(0.372 0.235 274.4)) en çok Galactic Highway adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#2D00B8
oklch(0.372 0.235 274.4)
Renk dönüşümleri
- HEX
- #2d00b8
- RGB
- rgb(45 0 184)
- HSL
- hsl(255 100% 36%)
- HWB
- hwb(255 0% 28%)
- OKLCH
- oklch(0.372 0.235 274.4)
- OKLab
- oklab(0.372 0.018 -0.234)
- CIE Lab
- lab(21.91 54.7 -83.86)
- LCH
- lch(21.91 100.12 303.1)
- CMYK
- cmyk(76% 100% 0% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3834C1
- 474FCB
- 5A67D3
- 6E7EDB
- 8494E2
- 9BA9E9
- B3BFF0
- CCD4F5
- E5E9FB
Koyu tonlar
- 2600A0
- 1F0088
- 180071
- 11005B
- 0B0045
- 060031
- 02001E
- 01000C
- 000002
Gri tonlar
- 3024B4
- 3535AF
- 3B43AB
- 434EA6
- 4C58A1
- 56619B
- 606995
- 6A718F
- 757988
Renk uyumları
Tamamlayıcı +180°
- 2D00B8
Galactic Highway
- 4D3F00
≈ Xanthophobia
Analog -30° +30°
- 2D00B8
Galactic Highway
- 00446D
≈ Epic Adventure
- 590090
≈ SQL Injection Purple
Üçlü +120° +240°
- 2D00B8
Galactic Highway
- 761800
≈ Obscure Ogre
- 004E29
≈ Troll Green
Bölünmüş tamamlayıcı +150° +210°
- 2D00B8
Galactic Highway
- 5E3500
≈ Chocolate Fantasies
- 364800
≈ Garden Shadow
Dörtlü +90° +180° +270°
- 2D00B8
Galactic Highway
- 7A0036
≈ Deep Claret
- 4D3F00
≈ Xanthophobia
- 004B44
≈ Aqua Deep
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 11.64:1 · APCA Lc 94
Ag
FailSiyah üzerinde
WCAG 1.80:1 · APCA Lc 8
En iyi metin rengi: #FFFFFF
WCAG 11.64:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--galactic-highway: #2d00b8;
--galactic-highway-rgb: 45 0 184;
--galactic-highway-oklch: oklch(0.372 0.235 274.4);
}
.element {
color: var(--galactic-highway);
background-color: hsl(255 100% 36%);
border-color: oklch(0.372 0.235 274.4);
}Tailwind CSS v4
@theme {
--color-galactic-highway: #2d00b8;
--color-galactic-highway-50: #e3f0ff;
--color-galactic-highway-100: #d3e1ff;
--color-galactic-highway-200: #bacaff;
--color-galactic-highway-300: #9aa8ff;
--color-galactic-highway-400: #798aff;
--color-galactic-highway-500: #6167ff;
--color-galactic-highway-600: #5258f0;
--color-galactic-highway-700: #4147c1;
--color-galactic-highway-800: #2b3492;
--color-galactic-highway-900: #1c2467;
--color-galactic-highway-950: #0e1148;
}SCSS
$galactic-highway: #2d00b8;
$galactic-highway-rgb: 45, 0, 184;
$galactic-highway-light: mix(#fff, $galactic-highway, 20%);
$galactic-highway-dark: mix(#000, $galactic-highway, 20%);
.element {
color: $galactic-highway;
box-shadow: 0 0 0 2px rgba($galactic-highway, 0.35);
}