Adlandırılmış renk · #2792C3
Porpita Porpita
Porpita Porpita, #2792C3: rgb(39 146 195), hsl(199 67% 46%), oklch(0.624 0.118 233.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? → · Porpita Porpita color name →
#2792C3
oklch(0.624 0.118 233.8)
Renk dönüşümleri
- HEX
- #2792c3
- RGB
- rgb(39 146 195)
- HSL
- hsl(199 67% 46%)
- HWB
- hwb(199 15% 24%)
- OKLCH
- oklch(0.624 0.118 233.8)
- OKLab
- oklab(0.624 -0.07 -0.095)
- CIE Lab
- lab(56.45 -17.5 -34.5)
- LCH
- lch(56.45 38.69 243.1)
- CMYK
- cmyk(80% 25% 0% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 469DC9
- 5EA8D0
- 74B3D6
- 88BEDC
- 9CC9E2
- B0D3E8
- C4DEEE
- D8E9F4
- EBF4F9
Koyu tonlar
- 207EA9
- 1A6B90
- 145878
- 0E4660
- 08354A
- 042534
- 021620
- 01080E
- 000102
Gri tonlar
- 3891BC
- 448FB6
- 4F8DAF
- 588CA9
- 608AA2
- 67889B
- 6E8695
- 74848E
- 7A8287
Renk uyumları
Tamamlayıcı +180°
- 2792C3
Porpita Porpita
- BE723C
≈ Tiger Stripe
Analog -30° +30°
- 2792C3
Porpita Porpita
- 0099A4
≈ Island Dream
- 6285CE
≈ Livid
Üçlü +120° +240°
- 2792C3
Porpita Porpita
- BD678C
≈ Malevolent Mauve
- 878F2F
≈ Wasabi Nuts
Bölünmüş tamamlayıcı +150° +210°
- 2792C3
Porpita Porpita
- C46864
≈ Stormy Passion
- A9801F
≈ Brazen
Dörtlü +90° +180° +270°
- 2792C3
Porpita Porpita
- AA6DB0
≈ Soft Purple
- BE723C
≈ Tiger Stripe
- 589957
≈ Wicked Witch
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.50:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 5.98:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.98:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--porpita-porpita: #2792c3;
--porpita-porpita-rgb: 39 146 195;
--porpita-porpita-oklch: oklch(0.624 0.118 233.8);
}
.element {
color: var(--porpita-porpita);
background-color: hsl(199 67% 46%);
border-color: oklch(0.624 0.118 233.8);
}Tailwind CSS v4
@theme {
--color-porpita-porpita: #2792c3;
--color-porpita-porpita-50: #d6fbff;
--color-porpita-porpita-100: #c3efff;
--color-porpita-porpita-200: #a3ddff;
--color-porpita-porpita-300: #79c1ec;
--color-porpita-porpita-400: #4caad9;
--color-porpita-porpita-500: #0091c8;
--color-porpita-porpita-600: #0b7ba8;
--color-porpita-porpita-700: #0b6387;
--color-porpita-porpita-800: #014964;
--color-porpita-porpita-900: #033246;
--color-porpita-porpita-950: #001e2e;
}SCSS
$porpita-porpita: #2792c3;
$porpita-porpita-rgb: 39, 146, 195;
$porpita-porpita-light: mix(#fff, $porpita-porpita, 20%);
$porpita-porpita-dark: mix(#000, $porpita-porpita, 20%);
.element {
color: $porpita-porpita;
box-shadow: 0 0 0 2px rgba($porpita-porpita, 0.35);
}