En yakın adlandırılmış renk · #14635A
#14635A
En yakın adlandırılmış renk: Philodendron
#14635A (rgb(20 99 90), hsl(173 66% 23%), oklch(0.452 0.074 183.5)) 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.
#14635A
oklch(0.452 0.074 183.5)
Renk dönüşümleri
- HEX
- #14635a
- RGB
- rgb(20 99 90)
- HSL
- hsl(173 66% 23%)
- HWB
- hwb(173 8% 61%)
- OKLCH
- oklch(0.452 0.074 183.5)
- OKLab
- oklab(0.452 -0.074 -0.005)
- CIE Lab
- lab(37.34 -25.64 -1.88)
- LCH
- lch(37.34 25.71 184.2)
- CMYK
- cmyk(80% 0% 9% 61%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 337269
- 4B8178
- 619088
- 779F98
- 8EAEA9
- A4BEB9
- BACECA
- D1DEDC
- E8EFED
Koyu tonlar
- 10554D
- 0C4741
- 083A35
- 052E29
- 03211E
- 011613
- 010B09
- 000303
- 000000
Gri tonlar
- 26665E
- 336961
- 3E6C65
- 496F69
- 53726D
- 5C7571
- 657874
- 6E7A78
- 777D7C
Renk uyumları
Tamamlayıcı +180°
- 14635A
Philodendron
- 784451
≈ Berry Bush
Analog -30° +30°
- 14635A
Philodendron
- 326242
≈ Green Pea
- 12606F
≈ Nocturnal Sea
Üçlü +120° +240°
- 14635A
Philodendron
- 5E4B77
≈ Impulsive Purple
- 734C27
≈ Chocolate Rain
Bölünmüş tamamlayıcı +150° +210°
- 14635A
Philodendron
- 6F4667
≈ Old Fashioned Purple
- 79463A
≈ Chocolate Magma
Dörtlü +90° +180° +270°
- 14635A
Philodendron
- 49537F
≈ Mozart
- 784451
≈ Berry Bush
- 645520
≈ Tucumán Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.08:1 · APCA Lc 84
Ag
FailSiyah üzerinde
WCAG 2.96:1 · APCA Lc 18
En iyi metin rengi: #FFFFFF
WCAG 7.08:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--philodendron: #14635a;
--philodendron-rgb: 20 99 90;
--philodendron-oklch: oklch(0.452 0.074 183.5);
}
.element {
color: var(--philodendron);
background-color: hsl(173 66% 23%);
border-color: oklch(0.452 0.074 183.5);
}Tailwind CSS v4
@theme {
--color-philodendron: #14635a;
--color-philodendron-50: #dffdf8;
--color-philodendron-100: #cef0eb;
--color-philodendron-200: #b2dfd8;
--color-philodendron-300: #8cc4bd;
--color-philodendron-400: #6aada3;
--color-philodendron-500: #45968b;
--color-philodendron-600: #3c7f76;
--color-philodendron-700: #30665e;
--color-philodendron-800: #224b44;
--color-philodendron-900: #16342f;
--color-philodendron-950: #071f1b;
}SCSS
$philodendron: #14635a;
$philodendron-rgb: 20, 99, 90;
$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);
}