En yakın adlandırılmış renk · #2D6698
#2D6698
En yakın adlandırılmış renk: Starry Night
#2D6698 (rgb(45 102 152), hsl(208 54% 39%), oklch(0.496 0.1 247.9)) en çok Starry Night 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.
#2D6698
oklch(0.496 0.1 247.9)
Renk dönüşümleri
- HEX
- #2d6698
- RGB
- rgb(45 102 152)
- HSL
- hsl(208 54% 39%)
- HWB
- hwb(208 18% 40%)
- OKLCH
- oklch(0.496 0.1 247.9)
- OKLab
- oklab(0.496 -0.038 -0.093)
- CIE Lab
- lab(41.24 -6.03 -33.37)
- LCH
- lch(41.24 33.91 259.8)
- CMYK
- cmyk(70% 33% 0% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4375A3
- 5884AD
- 6C93B7
- 80A2C2
- 95B1CC
- AAC0D6
- BFD0E1
- D4DFEB
- E9EFF5
Koyu tonlar
- 265884
- 1F4A70
- 183C5C
- 112F4A
- 0B2338
- 061727
- 020C17
- 010408
- 000001
Gri tonlar
- 376996
- 416C94
- 496F92
- 527190
- 5A748D
- 62778B
- 697988
- 717B86
- 797E83
Renk uyumları
Tamamlayıcı +180°
- 2D6698
Starry Night
- 875615
≈ Caffeinated Cinnamon
Analog -30° +30°
- 2D6698
Starry Night
- 006E84
≈ Amalfi
- 555B9A
≈ Royal Marquis
Üçlü +120° +240°
- 2D6698
Starry Night
- 914857
≈ Dull Magenta
- 526D29
≈ Botanical
Bölünmüş tamamlayıcı +150° +210°
- 2D6698
Starry Night
- 924C36
≈ Arabian Spice
- 726207
≈ Spicy Mustard
Dörtlü +90° +180° +270°
- 2D6698
Starry Night
- 864A76
≈ Graphic Grape
- 875615
≈ Caffeinated Cinnamon
- 22734C
≈ Felt
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.05:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.46:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 6.05:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--starry-night: #2d6698;
--starry-night-rgb: 45 102 152;
--starry-night-oklch: oklch(0.496 0.1 247.9);
}
.element {
color: var(--starry-night);
background-color: hsl(208 54% 39%);
border-color: oklch(0.496 0.1 247.9);
}Tailwind CSS v4
@theme {
--color-starry-night: #2d6698;
--color-starry-night-50: #e0f8ff;
--color-starry-night-100: #cfebff;
--color-starry-night-200: #b4d8fe;
--color-starry-night-300: #90bce9;
--color-starry-night-400: #6da4d7;
--color-starry-night-500: #4b8bc5;
--color-starry-night-600: #4176a6;
--color-starry-night-700: #335e85;
--color-starry-night-800: #224563;
--color-starry-night-900: #173045;
--color-starry-night-950: #081c2d;
}SCSS
$starry-night: #2d6698;
$starry-night-rgb: 45, 102, 152;
$starry-night-light: mix(#fff, $starry-night, 20%);
$starry-night-dark: mix(#000, $starry-night, 20%);
.element {
color: $starry-night;
box-shadow: 0 0 0 2px rgba($starry-night, 0.35);
}