Adlandırılmış renk · #42639F
Mariner
Mariner, #42639F: rgb(66 99 159), hsl(219 41% 44%), oklch(0.503 0.104 261.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Mariner color name →
#42639F
oklch(0.503 0.104 261.6)
Renk dönüşümleri
- HEX
- #42639f
- RGB
- rgb(66 99 159)
- HSL
- hsl(219 41% 44%)
- HWB
- hwb(219 26% 38%)
- OKLCH
- oklch(0.503 0.104 261.6)
- OKLab
- oklab(0.503 -0.015 -0.102)
- CIE Lab
- lab(41.62 2.23 -36.82)
- LCH
- lch(41.62 36.89 273.5)
- CMYK
- cmyk(58% 38% 0% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5372A9
- 6581B3
- 7790BD
- 8AA0C6
- 9CAFD0
- B0BFDA
- C3CFE3
- D7DFEC
- EBEFF6
Koyu tonlar
- 38558A
- 2F4775
- 253A61
- 1C2E4D
- 14213B
- 0B1629
- 050B18
- 010309
- 000001
Gri tonlar
- 48669C
- 4F6A9A
- 556D97
- 5B7094
- 617391
- 67758E
- 6E788B
- 747B87
- 7A7D84
Renk uyumları
Tamamlayıcı +180°
- 42639F
Mariner
- 825D01
≈ Soil of Avagddu
Analog -30° +30°
- 42639F
Mariner
- 006D94
≈ Pure Light Blue
- 65589A
≈ Purple Opulence
Üçlü +120° +240°
- 42639F
Mariner
- 964949
≈ Circus Red
- 3F7339
≈ Druid Green
Bölünmüş tamamlayıcı +150° +210°
- 42639F
Mariner
- 925126
≈ Roasted Pecan
- 666912
≈ Earthy Khaki Green
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.97:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.51:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 5.97:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--mariner: #42639f;
--mariner-rgb: 66 99 159;
--mariner-oklch: oklch(0.503 0.104 261.6);
}
.element {
color: var(--mariner);
background-color: hsl(219 41% 44%);
border-color: oklch(0.503 0.104 261.6);
}Tailwind CSS v4
@theme {
--color-mariner: #42639f;
--color-mariner-50: #e6f6ff;
--color-mariner-100: #d6e8ff;
--color-mariner-200: #bed5ff;
--color-mariner-300: #9cb8ed;
--color-mariner-400: #7c9fdc;
--color-mariner-500: #5f85cb;
--color-mariner-600: #5171ab;
--color-mariner-700: #405a89;
--color-mariner-800: #2c4266;
--color-mariner-900: #1e2e48;
--color-mariner-950: #0e1a2f;
}SCSS
$mariner: #42639f;
$mariner-rgb: 66, 99, 159;
$mariner-light: mix(#fff, $mariner, 20%);
$mariner-dark: mix(#000, $mariner, 20%);
.element {
color: $mariner;
box-shadow: 0 0 0 2px rgba($mariner, 0.35);
}