Adlandırılmış renk · #0182CC
Lvivian Rain
Lvivian Rain, #0182CC: rgb(1 130 204), hsl(202 99% 40%), oklch(0.586 0.146 244.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? → · Lvivian Rain color name →
#0182CC
oklch(0.586 0.146 244.8)
Renk dönüşümleri
- HEX
- #0182cc
- RGB
- rgb(1 130 204)
- HSL
- hsl(202 99% 40%)
- HWB
- hwb(202 0% 20%)
- OKLCH
- oklch(0.586 0.146 244.8)
- OKLab
- oklab(0.586 -0.062 -0.133)
- CIE Lab
- lab(51.46 -9.06 -47.44)
- LCH
- lch(51.46 48.29 259.2)
- CMYK
- cmyk(100% 36% 0% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 348FD2
- 509CD8
- 68A8DD
- 7EB5E3
- 94C1E8
- A9CEED
- BFDAF2
- D4E6F6
- EAF3FB
Koyu tonlar
- 0170B1
- 015F97
- 004E7E
- 003E65
- 002F4E
- 002037
- 001222
- 00060F
- 000102
Gri tonlar
- 2482C5
- 3683BD
- 4383B6
- 4E83AF
- 5883A7
- 61839F
- 698298
- 718290
- 798188
Renk uyumları
Tamamlayıcı +180°
- 0182CC
Lvivian Rain
- B06800
≈ Ginger
Analog -30° +30°
- 0182CC
Lvivian Rain
- 008BA2
≈ Parrot Flight
- 6472D2
≈ C64 Purple
Üçlü +120° +240°
- 0182CC
Lvivian Rain
- C05071
≈ Vibrant Red
- 698A01
≈ Italian Buckthorn
Bölünmüş tamamlayıcı +150° +210°
- 0182CC
Lvivian Rain
- C3563B
≈ Summer Fig
- 937A00
≈ Moscow Papyrus
Dörtlü +90° +180° +270°
- 0182CC
Lvivian Rain
- AF569E
≈ Magenta Memoir
- B06800
≈ Ginger
- 009453
≈ Emerald Isle
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.14:1 · APCA Lc 68
Ag
AASiyah üzerinde
WCAG 5.06:1 · APCA Lc 34
En iyi metin rengi: #000000
WCAG 5.06:1 (AA) · APCA Lc 34
Contrast pairs
Kod parçacıkları
CSS
:root {
--lvivian-rain: #0182cc;
--lvivian-rain-rgb: 1 130 204;
--lvivian-rain-oklch: oklch(0.586 0.146 244.8);
}
.element {
color: var(--lvivian-rain);
background-color: hsl(202 99% 40%);
border-color: oklch(0.586 0.146 244.8);
}Tailwind CSS v4
@theme {
--color-lvivian-rain: #0182cc;
--color-lvivian-rain-50: #d4faff;
--color-lvivian-rain-100: #c1edff;
--color-lvivian-rain-200: #a1dbff;
--color-lvivian-rain-300: #76befe;
--color-lvivian-rain-400: #46a6ee;
--color-lvivian-rain-500: #008ddf;
--color-lvivian-rain-600: #0077bc;
--color-lvivian-rain-700: #015f97;
--color-lvivian-rain-800: #004670;
--color-lvivian-rain-900: #00314f;
--color-lvivian-rain-950: #001d35;
}SCSS
$lvivian-rain: #0182cc;
$lvivian-rain-rgb: 1, 130, 204;
$lvivian-rain-light: mix(#fff, $lvivian-rain, 20%);
$lvivian-rain-dark: mix(#000, $lvivian-rain, 20%);
.element {
color: $lvivian-rain;
box-shadow: 0 0 0 2px rgba($lvivian-rain, 0.35);
}