En yakın adlandırılmış renk · #292D50
#292D50
En yakın adlandırılmış renk: Deep Sea Base
#292D50 (rgb(41 45 80), hsl(234 32% 24%), oklch(0.312 0.063 277.2)) en çok Deep Sea Base 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.
#292D50
oklch(0.312 0.063 277.2)
Renk dönüşümleri
- HEX
- #292d50
- RGB
- rgb(41 45 80)
- HSL
- hsl(234 32% 24%)
- HWB
- hwb(234 16% 69%)
- OKLCH
- oklch(0.312 0.063 277.2)
- OKLab
- oklab(0.312 0.008 -0.062)
- CIE Lab
- lab(19.48 6.5 -22.38)
- LCH
- lch(19.48 23.3 286.2)
- CMYK
- cmyk(49% 44% 0% 69%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3B4060
- 4E5371
- 626682
- 767B93
- 8C90A5
- A2A5B6
- B8BBC8
- CFD1DA
- E7E8EC
Koyu tonlar
- 222644
- 1C1F39
- 15182E
- 0F1124
- 090B1A
- 050610
- 020207
- 010102
- 000000
Gri tonlar
- 313555
- 393D5A
- 41455F
- 494D64
- 525669
- 5B5E6D
- 646672
- 6D6F77
- 77777B
Renk uyumları
Tamamlayıcı +180°
- 292D50
Deep Sea Base
- 3A3002
≈ Hidden Passage
Analog -30° +30°
- 292D50
Deep Sea Base
- 12334F
≈ Sea of Stars
- 392749
≈ Operetta Mauve
Üçlü +120° +240°
- 292D50
Deep Sea Base
- 4B2419
≈ Tobi Brown
- 0E3A24
≈ Deep Fir
Bölünmüş tamamlayıcı +150° +210°
- 292D50
Deep Sea Base
- 452A06
≈ Stirland Mud
- 283610
≈ Darkest Forest
Dörtlü +90° +180° +270°
- 292D50
Deep Sea Base
- 4B222B
≈ Lees
- 3A3002
≈ Hidden Passage
- 003935
≈ Night Turquoise
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 13.24:1 · APCA Lc 100
Ag
FailSiyah üzerinde
WCAG 1.58:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 13.24:1 (AAA) · APCA Lc 100
Contrast pairs
Kod parçacıkları
CSS
:root {
--deep-sea-base: #292d50;
--deep-sea-base-rgb: 41 45 80;
--deep-sea-base-oklch: oklch(0.312 0.063 277.2);
}
.element {
color: var(--deep-sea-base);
background-color: hsl(234 32% 24%);
border-color: oklch(0.312 0.063 277.2);
}Tailwind CSS v4
@theme {
--color-deep-sea-base: #292d50;
--color-deep-sea-base-50: #f1f4ff;
--color-deep-sea-base-100: #e3e6fd;
--color-deep-sea-base-200: #ced2ef;
--color-deep-sea-base-300: #b0b5d8;
--color-deep-sea-base-400: #959cc4;
--color-deep-sea-base-500: #7b83b0;
--color-deep-sea-base-600: #696f95;
--color-deep-sea-base-700: #535877;
--color-deep-sea-base-800: #3c4158;
--color-deep-sea-base-900: #292d3e;
--color-deep-sea-base-950: #171a27;
}SCSS
$deep-sea-base: #292d50;
$deep-sea-base-rgb: 41, 45, 80;
$deep-sea-base-light: mix(#fff, $deep-sea-base, 20%);
$deep-sea-base-dark: mix(#000, $deep-sea-base, 20%);
.element {
color: $deep-sea-base;
box-shadow: 0 0 0 2px rgba($deep-sea-base, 0.35);
}