En yakın adlandırılmış renk · #006256
#006256
En yakın adlandırılmış renk: Philodendron
#006256 (rgb(0 98 86), hsl(173 100% 19%), oklch(0.445 0.08 180.7)) en çok Philodendron 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.
#006256
oklch(0.445 0.08 180.7)
Renk dönüşümleri
- HEX
- #006256
- RGB
- rgb(0 98 86)
- HSL
- hsl(173 100% 19%)
- HWB
- hwb(173 0% 62%)
- OKLCH
- oklch(0.445 0.08 180.7)
- OKLab
- oklab(0.445 -0.08 -0.001)
- CIE Lab
- lab(36.59 -28.17 -0.55)
- LCH
- lch(36.59 28.18 181.1)
- CMYK
- cmyk(100% 0% 12% 62%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2B7165
- 458075
- 5D8F85
- 749E96
- 8BAEA6
- A1BEB8
- B8CEC9
- D0DEDB
- E7EEED
Koyu tonlar
- 00544A
- 00473E
- 003A32
- 002D27
- 00211C
- 001612
- 000B08
- 000302
- 000000
Gri tonlar
- 1D655A
- 2D685E
- 3A6B62
- 456E66
- 50716B
- 5A746F
- 647773
- 6D7A77
- 777D7C
Renk uyumları
Tamamlayıcı +180°
- 006256
Philodendron
- 784051
≈ Red Jade
Analog -30° +30°
- 006256
Philodendron
- 2F603C
≈ Espalier
- 005F6C
≈ Shaded Spruce
Üçlü +120° +240°
- 006256
Philodendron
- 5B4979
≈ Saffron Crocus
- 744821
≈ Vintage Wood
Bölünmüş tamamlayıcı +150° +210°
- 006256
Philodendron
- 6D4368
≈ Sultana
- 7A4238
≈ Aged Teak
Dörtlü +90° +180° +270°
- 006256
Philodendron
- 435180
≈ Blue Jewel
- 784051
≈ Red Jade
- 655215
≈ Olive Brown
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.28:1 · APCA Lc 85
Ag
FailSiyah üzerinde
WCAG 2.88:1 · APCA Lc 17
En iyi metin rengi: #FFFFFF
WCAG 7.28:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--philodendron: #006256;
--philodendron-rgb: 0 98 86;
--philodendron-oklch: oklch(0.445 0.08 180.7);
}
.element {
color: var(--philodendron);
background-color: hsl(173 100% 19%);
border-color: oklch(0.445 0.08 180.7);
}Tailwind CSS v4
@theme {
--color-philodendron: #006256;
--color-philodendron-50: #ddfdf7;
--color-philodendron-100: #ccf1ea;
--color-philodendron-200: #afe0d7;
--color-philodendron-300: #89c5bb;
--color-philodendron-400: #65aea1;
--color-philodendron-500: #3e9889;
--color-philodendron-600: #368074;
--color-philodendron-700: #2b675d;
--color-philodendron-800: #1e4b43;
--color-philodendron-900: #14342e;
--color-philodendron-950: #05201b;
}SCSS
$philodendron: #006256;
$philodendron-rgb: 0, 98, 86;
$philodendron-light: mix(#fff, $philodendron, 20%);
$philodendron-dark: mix(#000, $philodendron, 20%);
.element {
color: $philodendron;
box-shadow: 0 0 0 2px rgba($philodendron, 0.35);
}