En yakın adlandırılmış renk · #1C6964
#1C6964
En yakın adlandırılmış renk: Peacock Pride
#1C6964 (rgb(28 105 100), hsl(176 58% 26%), oklch(0.474 0.073 188.7)) en çok Peacock Pride 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.
#1C6964
oklch(0.474 0.073 188.7)
Renk dönüşümleri
- HEX
- #1c6964
- RGB
- rgb(28 105 100)
- HSL
- hsl(176 58% 26%)
- HWB
- hwb(176 11% 59%)
- OKLCH
- oklch(0.474 0.073 188.7)
- OKLab
- oklab(0.474 -0.072 -0.011)
- CIE Lab
- lab(39.85 -24.75 -4.27)
- LCH
- lch(39.85 25.11 189.8)
- CMYK
- cmyk(73% 0% 5% 59%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 387772
- 4F8681
- 659490
- 7BA39F
- 91B2AE
- A6C1BE
- BCD0CE
- D2E0DE
- E8EFEE
Koyu tonlar
- 175A56
- 124C48
- 0D3E3B
- 08312E
- 052422
- 021816
- 010C0B
- 000403
- 000000
Gri tonlar
- 2B6B67
- 386E6A
- 42706C
- 4C736F
- 567572
- 5E7775
- 677977
- 707C7A
- 787E7D
Renk uyumları
Tamamlayıcı +180°
- 1C6964
Peacock Pride
- 7F4A54
≈ Parauri Brown
Analog -30° +30°
- 1C6964
Peacock Pride
- 34684D
≈ Spirulina
- 206678
≈ Bold Bolection
Üçlü +120° +240°
- 1C6964
Peacock Pride
- 68507B
≈ Exotic Purple
- 77542C
≈ Arable Brown
Bölünmüş tamamlayıcı +150° +210°
- 1C6964
Peacock Pride
- 774C6A
≈ Brocade Violet
- 7F4D3D
≈ Red Chipotle
Dörtlü +90° +180° +270°
- 1C6964
Peacock Pride
- 535885
≈ Mauve Dusk
- 7F4A54
≈ Parauri Brown
- 665C28
≈ Bean Green
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.45:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.25:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.45:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--peacock-pride: #1c6964;
--peacock-pride-rgb: 28 105 100;
--peacock-pride-oklch: oklch(0.474 0.073 188.7);
}
.element {
color: var(--peacock-pride);
background-color: hsl(176 58% 26%);
border-color: oklch(0.474 0.073 188.7);
}Tailwind CSS v4
@theme {
--color-peacock-pride: #1c6964;
--color-peacock-pride-50: #dffcfa;
--color-peacock-pride-100: #cdf0ed;
--color-peacock-pride-200: #b1dfdb;
--color-peacock-pride-300: #8cc4c0;
--color-peacock-pride-400: #69ada7;
--color-peacock-pride-500: #449690;
--color-peacock-pride-600: #3b7f79;
--color-peacock-pride-700: #2f6561;
--color-peacock-pride-800: #214b46;
--color-peacock-pride-900: #163431;
--color-peacock-pride-950: #071f1d;
}SCSS
$peacock-pride: #1c6964;
$peacock-pride-rgb: 28, 105, 100;
$peacock-pride-light: mix(#fff, $peacock-pride, 20%);
$peacock-pride-dark: mix(#000, $peacock-pride, 20%);
.element {
color: $peacock-pride;
box-shadow: 0 0 0 2px rgba($peacock-pride, 0.35);
}