En yakın adlandırılmış renk · #2969CF
#2969CF
En yakın adlandırılmış renk: God of Rain
#2969CF (rgb(41 105 207), hsl(217 67% 49%), oklch(0.538 0.171 259.6)) en çok God of Rain 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.
#2969CF
oklch(0.538 0.171 259.6)
Renk dönüşümleri
- HEX
- #2969cf
- RGB
- rgb(41 105 207)
- HSL
- hsl(217 67% 49%)
- HWB
- hwb(217 16% 19%)
- OKLCH
- oklch(0.538 0.171 259.6)
- OKLab
- oklab(0.538 -0.031 -0.168)
- CIE Lab
- lab(44.81 8.8 -59.72)
- LCH
- lch(44.81 60.37 278.4)
- CMYK
- cmyk(80% 49% 0% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4079D5
- 5588DB
- 6A97E1
- 7FA6E6
- 94B5EB
- A9C4EF
- BED3F4
- D3E2F8
- E9F0FC
Koyu tonlar
- 225AB4
- 1C4C99
- 153E7F
- 0F3167
- 09244F
- 051838
- 020C23
- 010410
- 000002
Gri tonlar
- 346DC8
- 3E70C0
- 4773B9
- 5075B1
- 5978A9
- 617AA2
- 697C9A
- 717D91
- 787F89
Renk uyumları
Tamamlayıcı +180°
- 2969CF
God of Rain
- 906500
≈ Alligator
Analog -30° +30°
- 2969CF
God of Rain
- 00799F
≈ Mitchell Blue
- 6F56C9
≈ Ameixa
Üçlü +120° +240°
- 2969CF
God of Rain
- BD3543
≈ Striking Red
- 2A8401
≈ Napier Green
Bölünmüş tamamlayıcı +150° +210°
- 2969CF
God of Rain
- AD4F00
≈ Cinnamon Bun
- 737300
≈ Spinach Soup
Dörtlü +90° +180° +270°
- 2969CF
God of Rain
- B1387C
≈ Fuchsia Red
- 906500
≈ Alligator
- 008164
≈ Generic Viridian
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.22:1 · APCA Lc 75
Ag
FailSiyah üzerinde
WCAG 4.01:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--god-of-rain: #2969cf;
--god-of-rain-rgb: 41 105 207;
--god-of-rain-oklch: oklch(0.538 0.171 259.6);
}
.element {
color: var(--god-of-rain);
background-color: hsl(217 67% 49%);
border-color: oklch(0.538 0.171 259.6);
}Tailwind CSS v4
@theme {
--color-god-of-rain: #2969cf;
--color-god-of-rain-50: #daf6ff;
--color-god-of-rain-100: #c9e9ff;
--color-god-of-rain-200: #acd5ff;
--color-god-of-rain-300: #86b7ff;
--color-god-of-rain-400: #5e9dff;
--color-god-of-rain-500: #3981f5;
--color-god-of-rain-600: #326ece;
--color-god-of-rain-700: #2758a6;
--color-god-of-rain-800: #16417c;
--color-god-of-rain-900: #0e2d58;
--color-god-of-rain-950: #02193b;
}SCSS
$god-of-rain: #2969cf;
$god-of-rain-rgb: 41, 105, 207;
$god-of-rain-light: mix(#fff, $god-of-rain, 20%);
$god-of-rain-dark: mix(#000, $god-of-rain, 20%);
.element {
color: $god-of-rain;
box-shadow: 0 0 0 2px rgba($god-of-rain, 0.35);
}