Adlandırılmış renk · #2D4B65
Majolica Blue
Majolica Blue, #2D4B65: rgb(45 75 101), hsl(208 38% 29%), oklch(0.401 0.057 246). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Majolica Blue color name →
#2D4B65
oklch(0.401 0.057 246)
Renk dönüşümleri
- HEX
- #2d4b65
- RGB
- rgb(45 75 101)
- HSL
- hsl(208 38% 29%)
- HWB
- hwb(208 18% 60%)
- OKLCH
- oklch(0.401 0.057 246)
- OKLab
- oklab(0.401 -0.023 -0.052)
- CIE Lab
- lab(30.44 -5.22 -18.95)
- LCH
- lch(30.44 19.65 254.6)
- CMYK
- cmyk(55% 26% 0% 60%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 405B74
- 546C82
- 687D91
- 7C8FA0
- 91A1B0
- A6B3BF
- BCC6CF
- D2D8DF
- E8ECEF
Koyu tonlar
- 264057
- 1F3549
- 182B3C
- 11212F
- 0B1722
- 060E17
- 02060C
- 010203
- 000000
Gri tonlar
- 355068
- 3E566B
- 465B6E
- 4E6070
- 566573
- 5F6B76
- 677078
- 6F757B
- 787B7D
Renk uyumları
Tamamlayıcı +180°
- 2D4B65
Majolica Blue
- 5D4225
≈ Brown Hen
Analog -30° +30°
- 2D4B65
Majolica Blue
- 1D505C
≈ Genetic Code
- 404567
≈ Blue Wonder
Üçlü +120° +240°
- 2D4B65
Majolica Blue
- 623B43
≈ Kung Fu
- 404E2B
≈ Bronze Tone
Bölünmüş tamamlayıcı +150° +210°
- 2D4B65
Majolica Blue
- 633D32
≈ Chocolate Escape
- 514822
≈ Uniform Green
Dörtlü +90° +180° +270°
- 2D4B65
Majolica Blue
- 5C3C54
≈ Blackberry Wine
- 5D4225
≈ Brown Hen
- 2D513B
≈ Moselle Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.10:1 · APCA Lc 91
Ag
FailSiyah üzerinde
WCAG 2.30:1 · APCA Lc 11
En iyi metin rengi: #FFFFFF
WCAG 9.10:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--majolica-blue: #2d4b65;
--majolica-blue-rgb: 45 75 101;
--majolica-blue-oklch: oklch(0.401 0.057 246);
}
.element {
color: var(--majolica-blue);
background-color: hsl(208 38% 29%);
border-color: oklch(0.401 0.057 246);
}Tailwind CSS v4
@theme {
--color-majolica-blue: #2d4b65;
--color-majolica-blue-50: #e9f7ff;
--color-majolica-blue-100: #daeafb;
--color-majolica-blue-200: #c2d7ec;
--color-majolica-blue-300: #a1bbd4;
--color-majolica-blue-400: #83a2bf;
--color-majolica-blue-500: #678aaa;
--color-majolica-blue-600: #577590;
--color-majolica-blue-700: #465e73;
--color-majolica-blue-800: #314555;
--color-majolica-blue-900: #22303b;
--color-majolica-blue-950: #111c25;
}SCSS
$majolica-blue: #2d4b65;
$majolica-blue-rgb: 45, 75, 101;
$majolica-blue-light: mix(#fff, $majolica-blue, 20%);
$majolica-blue-dark: mix(#000, $majolica-blue, 20%);
.element {
color: $majolica-blue;
box-shadow: 0 0 0 2px rgba($majolica-blue, 0.35);
}