En yakın adlandırılmış renk · #283448
#283448
En yakın adlandırılmış renk: Total Eclipse
#283448 (rgb(40 52 72), hsl(218 29% 22%), oklch(0.323 0.039 260.4)) en çok Total Eclipse 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.
#283448
oklch(0.323 0.039 260.4)
Renk dönüşümleri
- HEX
- #283448
- RGB
- rgb(40 52 72)
- HSL
- hsl(218 29% 22%)
- HWB
- hwb(218 16% 72%)
- OKLCH
- oklch(0.323 0.039 260.4)
- OKLab
- oklab(0.323 -0.007 -0.039)
- CIE Lab
- lab(21.31 -0.55 -14.18)
- LCH
- lch(21.31 14.19 267.8)
- CMYK
- cmyk(44% 28% 0% 72%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3A4659
- 4E586A
- 626B7B
- 767F8D
- 8C939F
- A2A8B2
- B8BDC5
- CFD3D8
- E7E9EB
Koyu tonlar
- 212C3D
- 1B2433
- 151C29
- 0F151F
- 090E16
- 04070D
- 020306
- 010102
- 000000
Gri tonlar
- 303B4E
- 384253
- 414A59
- 49515E
- 525964
- 5B6169
- 64686F
- 6D7075
- 77787A
Renk uyumları
Tamamlayıcı +180°
- 283448
Total Eclipse
- 3E321C
≈ Pullman Green
Analog -30° +30°
- 283448
Total Eclipse
- 1D3744
≈ Into the Night
- 333047
≈ Plum Fuzz
Üçlü +120° +240°
- 283448
Total Eclipse
- 462C2B
≈ Brown Coffee
- 293926
≈ Palm Green
Bölünmüş tamamlayıcı +150° +210°
- 283448
Total Eclipse
- 442E21
≈ Morocco Brown
- 35361D
≈ Pullman Green
Dörtlü +90° +180° +270°
- 283448
Total Eclipse
- 432B36
≈ Barossa
- 3E321C
≈ Pullman Green
- 1D3A31
≈ Palm Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 12.53:1 · APCA Lc 98
Ag
FailSiyah üzerinde
WCAG 1.67:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 12.53:1 (AAA) · APCA Lc 98
Contrast pairs
Kod parçacıkları
CSS
:root {
--total-eclipse: #283448;
--total-eclipse-rgb: 40 52 72;
--total-eclipse-oklch: oklch(0.323 0.039 260.4);
}
.element {
color: var(--total-eclipse);
background-color: hsl(218 29% 22%);
border-color: oklch(0.323 0.039 260.4);
}Tailwind CSS v4
@theme {
--color-total-eclipse: #283448;
--color-total-eclipse-50: #eff5ff;
--color-total-eclipse-100: #e1e8f6;
--color-total-eclipse-200: #cbd5e6;
--color-total-eclipse-300: #adb8cc;
--color-total-eclipse-400: #919fb6;
--color-total-eclipse-500: #7787a1;
--color-total-eclipse-600: #657288;
--color-total-eclipse-700: #515b6d;
--color-total-eclipse-800: #3a4350;
--color-total-eclipse-900: #282e38;
--color-total-eclipse-950: #161b22;
}SCSS
$total-eclipse: #283448;
$total-eclipse-rgb: 40, 52, 72;
$total-eclipse-light: mix(#fff, $total-eclipse, 20%);
$total-eclipse-dark: mix(#000, $total-eclipse, 20%);
.element {
color: $total-eclipse;
box-shadow: 0 0 0 2px rgba($total-eclipse, 0.35);
}