Adlandırılmış renk · #31646E
Pedigree
Pedigree, #31646E: rgb(49 100 110), hsl(190 38% 31%), oklch(0.472 0.057 212). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Pedigree color name →
#31646E
oklch(0.472 0.057 212)
Renk dönüşümleri
- HEX
- #31646e
- RGB
- rgb(49 100 110)
- HSL
- hsl(190 38% 31%)
- HWB
- hwb(190 19% 57%)
- OKLCH
- oklch(0.472 0.057 212)
- OKLab
- oklab(0.472 -0.048 -0.03)
- CIE Lab
- lab(39.18 -15.51 -11.24)
- LCH
- lch(39.18 19.15 215.9)
- CMYK
- cmyk(55% 9% 0% 57%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 46727C
- 5A8189
- 6E9097
- 829FA6
- 96AFB4
- AABEC3
- BFCED1
- D4DEE0
- E9EFF0
Koyu tonlar
- 29565F
- 224850
- 1A3B41
- 132E33
- 0C2226
- 061619
- 030B0E
- 010304
- 000001
Gri tonlar
- 3A6770
- 436A72
- 4B6D74
- 536F75
- 5B7277
- 637579
- 6A787B
- 717B7C
- 797D7E
Renk uyumları
Tamamlayıcı +180°
- 31646E
Pedigree
- 785047
≈ Ancho Pepper
Analog -30° +30°
- 31646E
Pedigree
- 33665E
≈ Alliance
- 3E5F79
≈ Chinese Porcelain
Üçlü +120° +240°
- 31646E
Pedigree
- 6F506A
≈ Hibernation
- 675B35
≈ Beach Casuarina
Bölünmüş tamamlayıcı +150° +210°
- 31646E
Pedigree
- 774E59
≈ Fine Wine
- 73543A
≈ Ancient Root
Dörtlü +90° +180° +270°
- 31646E
Pedigree
- 615476
≈ Taylor
- 785047
≈ Ancho Pepper
- 56613C
≈ Cactus Green
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.60:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.17:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.60:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--pedigree: #31646e;
--pedigree-rgb: 49 100 110;
--pedigree-oklch: oklch(0.472 0.057 212);
}
.element {
color: var(--pedigree);
background-color: hsl(190 38% 31%);
border-color: oklch(0.472 0.057 212);
}Tailwind CSS v4
@theme {
--color-pedigree: #31646e;
--color-pedigree-50: #e4faff;
--color-pedigree-100: #d3edf4;
--color-pedigree-200: #badbe3;
--color-pedigree-300: #97bfc9;
--color-pedigree-400: #77a8b2;
--color-pedigree-500: #57919c;
--color-pedigree-600: #4a7a84;
--color-pedigree-700: #3b626a;
--color-pedigree-800: #2a484d;
--color-pedigree-900: #1c3236;
--color-pedigree-950: #0c1e21;
}SCSS
$pedigree: #31646e;
$pedigree-rgb: 49, 100, 110;
$pedigree-light: mix(#fff, $pedigree, 20%);
$pedigree-dark: mix(#000, $pedigree, 20%);
.element {
color: $pedigree;
box-shadow: 0 0 0 2px rgba($pedigree, 0.35);
}