Adlandırılmış renk · #645345
Pine Cone
Pine Cone, #645345: rgb(100 83 69), hsl(27 18% 33%), oklch(0.455 0.032 61.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Pine Cone color name →
#645345
oklch(0.455 0.032 61.4)
Renk dönüşümleri
- HEX
- #645345
- RGB
- rgb(100 83 69)
- HSL
- hsl(27 18% 33%)
- HWB
- hwb(27 27% 61%)
- OKLCH
- oklch(0.455 0.032 61.4)
- OKLab
- oklab(0.455 0.015 0.028)
- CIE Lab
- lab(36.74 5.54 11)
- LCH
- lch(36.74 12.31 63.3)
- CMYK
- cmyk(0% 17% 31% 61%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 726356
- 817367
- 908379
- 9F948B
- AFA59D
- BEB6B0
- CEC8C3
- DEDAD7
- EFECEB
Koyu tonlar
- 56473B
- 483B31
- 3B3027
- 2E251E
- 221B15
- 16110C
- 0B0805
- 030202
- 000000
Gri tonlar
- 67574B
- 6A5C51
- 6C6056
- 6F655C
- 726962
- 756E68
- 78726E
- 7A7774
- 7D7B7A
Renk uyumları
Tamamlayıcı +180°
- 645345
Pine Cone
- 475967
≈ Harbour
Analog -30° +30°
- 645345
Pine Cone
- 67514C
≈ Bargeboard Brown
- 5D5643
≈ Walnut Grove
Üçlü +120° +240°
- 645345
Pine Cone
- 435D58
≈ Rosemary
- 5A5366
≈ Napa Grape
Bölünmüş tamamlayıcı +150° +210°
- 645345
Pine Cone
- 425C61
≈ Volute
- 505669
≈ Heavy Violet
Dörtlü +90° +180° +270°
- 645345
Pine Cone
- 4A5C4E
≈ Cilantro
- 475967
≈ Harbour
- 61515F
≈ Wishing Star
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.32:1 · APCA Lc 85
Ag
FailSiyah üzerinde
WCAG 2.86:1 · APCA Lc 17
En iyi metin rengi: #FFFFFF
WCAG 7.32:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--pine-cone: #645345;
--pine-cone-rgb: 100 83 69;
--pine-cone-oklch: oklch(0.455 0.032 61.4);
}
.element {
color: var(--pine-cone);
background-color: hsl(27 18% 33%);
border-color: oklch(0.455 0.032 61.4);
}Tailwind CSS v4
@theme {
--color-pine-cone: #645345;
--color-pine-cone-50: #fcf3ec;
--color-pine-cone-100: #f0e6dd;
--color-pine-cone-200: #ded2c7;
--color-pine-cone-300: #c3b4a7;
--color-pine-cone-400: #ad9b8c;
--color-pine-cone-500: #968271;
--color-pine-cone-600: #7f6e60;
--color-pine-cone-700: #66584d;
--color-pine-cone-800: #4b4038;
--color-pine-cone-900: #342c26;
--color-pine-cone-950: #1f1914;
}SCSS
$pine-cone: #645345;
$pine-cone-rgb: 100, 83, 69;
$pine-cone-light: mix(#fff, $pine-cone, 20%);
$pine-cone-dark: mix(#000, $pine-cone, 20%);
.element {
color: $pine-cone;
box-shadow: 0 0 0 2px rgba($pine-cone, 0.35);
}