Adlandırılmış renk · #2138AB
Yuè Guāng Lán Blue
Yuè Guāng Lán Blue, #2138AB: rgb(33 56 171), hsl(230 68% 40%), oklch(0.407 0.184 267.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Yuè Guāng Lán Blue color name →
#2138AB
oklch(0.407 0.184 267.8)
Renk dönüşümleri
- HEX
- #2138ab
- RGB
- rgb(33 56 171)
- HSL
- hsl(230 68% 40%)
- HWB
- hwb(230 13% 33%)
- OKLCH
- oklch(0.407 0.184 267.8)
- OKLab
- oklab(0.407 -0.007 -0.184)
- CIE Lab
- lab(28.49 26.42 -65.22)
- LCH
- lch(28.49 70.37 292.1)
- CMYK
- cmyk(81% 67% 0% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 324EB5
- 4663BF
- 5A77C8
- 708AD1
- 879EDA
- 9EB1E2
- B5C4EA
- CDD8F1
- E6EBF8
Koyu tonlar
- 1B2F94
- 16277E
- 101F68
- 0B1754
- 060F40
- 03082D
- 01041B
- 00010B
- 000001
Gri tonlar
- 2942A8
- 314BA4
- 3A53A1
- 445B9D
- 4D6299
- 576895
- 616E90
- 6B758B
- 767A86
Renk uyumları
Tamamlayıcı +180°
- 2138AB
Yuè Guāng Lán Blue
- 5C4600
≈ Mud Brown
Analog -30° +30°
- 2138AB
Yuè Guāng Lán Blue
- 004F74
≈ Pirate’s Haven
- 59219D
≈ Eine Kleine Nachtmusik
Üçlü +120° +240°
- 2138AB
Yuè Guāng Lán Blue
- 8E0007
≈ Scoville Highness
- 005A1F
≈ Deep Green
Bölünmüş tamamlayıcı +150° +210°
- 2138AB
Yuè Guāng Lán Blue
- 703900
≈ Philippine Bronze
- 465000
≈ Highlands Moss
Dörtlü +90° +180° +270°
- 2138AB
Yuè Guāng Lán Blue
- 88004A
≈ Midnight Merlot
- 5C4600
≈ Mud Brown
- 005749
≈ Forest Shadows
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.46:1 · APCA Lc 91
Ag
FailSiyah üzerinde
WCAG 2.21:1 · APCA Lc 11
En iyi metin rengi: #FFFFFF
WCAG 9.46:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--yue-guang-lan-blue: #2138ab;
--yue-guang-lan-blue-rgb: 33 56 171;
--yue-guang-lan-blue-oklch: oklch(0.407 0.184 267.8);
}
.element {
color: var(--yue-guang-lan-blue);
background-color: hsl(230 68% 40%);
border-color: oklch(0.407 0.184 267.8);
}Tailwind CSS v4
@theme {
--color-yue-guang-lan-blue: #2138ab;
--color-yue-guang-lan-blue-50: #e0f4ff;
--color-yue-guang-lan-blue-100: #cfe6ff;
--color-yue-guang-lan-blue-200: #b5d1ff;
--color-yue-guang-lan-blue-300: #92b1ff;
--color-yue-guang-lan-blue-400: #6f96ff;
--color-yue-guang-lan-blue-500: #5279fe;
--color-yue-guang-lan-blue-600: #4667d6;
--color-yue-guang-lan-blue-700: #3752ac;
--color-yue-guang-lan-blue-800: #233d81;
--color-yue-guang-lan-blue-900: #172a5b;
--color-yue-guang-lan-blue-950: #09173e;
}SCSS
$yue-guang-lan-blue: #2138ab;
$yue-guang-lan-blue-rgb: 33, 56, 171;
$yue-guang-lan-blue-light: mix(#fff, $yue-guang-lan-blue, 20%);
$yue-guang-lan-blue-dark: mix(#000, $yue-guang-lan-blue, 20%);
.element {
color: $yue-guang-lan-blue;
box-shadow: 0 0 0 2px rgba($yue-guang-lan-blue, 0.35);
}