En yakın adlandırılmış renk · #366383
#366383
En yakın adlandırılmış renk: Stellar
#366383 (rgb(54 99 131), hsl(205 42% 36%), oklch(0.482 0.072 241.3)) en çok Stellar 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.
#366383
oklch(0.482 0.072 241.3)
Renk dönüşümleri
- HEX
- #366383
- RGB
- rgb(54 99 131)
- HSL
- hsl(205 42% 36%)
- HWB
- hwb(205 21% 49%)
- OKLCH
- oklch(0.482 0.072 241.3)
- OKLab
- oklab(0.482 -0.034 -0.063)
- CIE Lab
- lab(39.82 -8.36 -22.97)
- LCH
- lch(39.82 24.44 250)
- CMYK
- cmyk(59% 24% 0% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4A728F
- 5D819B
- 7090A7
- 849FB4
- 98AEC0
- ACBECD
- C0CED9
- D5DEE6
- EAEFF2
Koyu tonlar
- 2E5571
- 254760
- 1E3A4F
- 162E3F
- 0F212F
- 081620
- 030B12
- 010306
- 000001
Gri tonlar
- 3E6683
- 466983
- 4E6C83
- 556F82
- 5D7282
- 647582
- 6B7882
- 727A81
- 797D81
Renk uyumları
Tamamlayıcı +180°
- 366383
Stellar
- 7B5432
≈ Pheasant Brown
Analog -30° +30°
- 366383
Stellar
- 206975
≈ Persian Mosaic
- 4F5C87
≈ Marlin
Üçlü +120° +240°
- 366383
Stellar
- 804C5B
≈ Frenzied Red
- 586435
≈ Interior Green
Bölünmüş tamamlayıcı +150° +210°
- 366383
Stellar
- 824E45
≈ Red Bluff
- 6D5D2A
≈ Bean Green
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.42:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.26:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.42:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--stellar: #366383;
--stellar-rgb: 54 99 131;
--stellar-oklch: oklch(0.482 0.072 241.3);
}
.element {
color: var(--stellar);
background-color: hsl(205 42% 36%);
border-color: oklch(0.482 0.072 241.3);
}Tailwind CSS v4
@theme {
--color-stellar: #366383;
--color-stellar-50: #e4f8ff;
--color-stellar-100: #d4ebff;
--color-stellar-200: #bbd9f1;
--color-stellar-300: #98bcda;
--color-stellar-400: #78a4c5;
--color-stellar-500: #598cb2;
--color-stellar-600: #4c7796;
--color-stellar-700: #3c5f78;
--color-stellar-800: #2a4659;
--color-stellar-900: #1c303e;
--color-stellar-950: #0c1c27;
}SCSS
$stellar: #366383;
$stellar-rgb: 54, 99, 131;
$stellar-light: mix(#fff, $stellar, 20%);
$stellar-dark: mix(#000, $stellar, 20%);
.element {
color: $stellar;
box-shadow: 0 0 0 2px rgba($stellar, 0.35);
}