Adlandırılmış renk · #0099EE
Pervenche
Pervenche, #0099EE: rgb(0 153 238), hsl(201 100% 47%), oklch(0.659 0.164 244.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Pervenche color name →
#0099EE
oklch(0.659 0.164 244.5)
Renk dönüşümleri
- HEX
- #0099ee
- RGB
- rgb(0 153 238)
- HSL
- hsl(201 100% 47%)
- HWB
- hwb(201 0% 7%)
- OKLCH
- oklch(0.659 0.164 244.5)
- OKLab
- oklab(0.659 -0.071 -0.148)
- CIE Lab
- lab(59.91 -10.49 -53.03)
- LCH
- lch(59.91 54.06 258.8)
- CMYK
- cmyk(100% 36% 0% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 39A4F1
- 56AFF3
- 6EB9F5
- 85C3F7
- 9ACEF9
- AED8FB
- C3E2FC
- D7EBFD
- EBF5FE
Koyu tonlar
- 0084CF
- 0070B1
- 005D93
- 004A77
- 00385C
- 002742
- 00172A
- 000814
- 000103
Gri tonlar
- 2997E3
- 3B95D8
- 4893CD
- 5391C2
- 5D8EB7
- 658CAC
- 6D89A1
- 748696
- 7A838B
Renk uyumları
Tamamlayıcı +180°
- 0099EE
Pervenche
- CF7B00
≈ Autumn Leaf Orange
Analog -30° +30°
- 0099EE
Pervenche
- 00A3BD
≈ January Blue
- 7586F5
≈ Punch Out Glove
Üçlü +120° +240°
- 0099EE
Pervenche
- E16085
≈ Blush d’Amour
- 7CA202
≈ Support Green
Bölünmüş tamamlayıcı +150° +210°
- 0099EE
Pervenche
- E46548
≈ Heirloom Blush
- AD8F00
≈ Manure
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.09:1 · APCA Lc 57
Ag
AASiyah üzerinde
WCAG 6.79:1 · APCA Lc 45
En iyi metin rengi: #000000
WCAG 6.79:1 (AA) · APCA Lc 45
Contrast pairs
Kod parçacıkları
CSS
:root {
--pervenche: #0099ee;
--pervenche-rgb: 0 153 238;
--pervenche-oklch: oklch(0.659 0.164 244.5);
}
.element {
color: var(--pervenche);
background-color: hsl(201 100% 47%);
border-color: oklch(0.659 0.164 244.5);
}Tailwind CSS v4
@theme {
--color-pervenche: #0099ee;
--color-pervenche-50: #d0fbff;
--color-pervenche-100: #bceeff;
--color-pervenche-200: #99dbff;
--color-pervenche-300: #6bbfff;
--color-pervenche-400: #31a6f8;
--color-pervenche-500: #008ce9;
--color-pervenche-600: #0077c5;
--color-pervenche-700: #005f9e;
--color-pervenche-800: #004676;
--color-pervenche-900: #003153;
--color-pervenche-950: #001d38;
}SCSS
$pervenche: #0099ee;
$pervenche-rgb: 0, 153, 238;
$pervenche-light: mix(#fff, $pervenche, 20%);
$pervenche-dark: mix(#000, $pervenche, 20%);
.element {
color: $pervenche;
box-shadow: 0 0 0 2px rgba($pervenche, 0.35);
}