Najbliższy nazwany kolor · #14635A
#14635A
Najbliższy nazwany kolor: Philodendron
#14635A (rgb(20 99 90), hsl(173 66% 23%), oklch(0.452 0.074 183.5)) jest najbliższy nazwanemu kolorowi Philodendron. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#14635A
oklch(0.452 0.074 183.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 337269
- 4B8178
- 619088
- 779F98
- 8EAEA9
- A4BEB9
- BACECA
- D1DEDC
- E8EFED
Odcienie ciemniejsze
- 10554D
- 0C4741
- 083A35
- 052E29
- 03211E
- 011613
- 010B09
- 000303
- 000000
Tony
- 26665E
- 336961
- 3E6C65
- 496F69
- 53726D
- 5C7571
- 657874
- 6E7A78
- 777D7C
Harmonie kolorów
Komplementarna +180°
- 14635A
Philodendron
- 784451
≈ Berry Bush
Analogowa -30° +30°
- 14635A
Philodendron
- 326242
≈ Green Pea
- 12606F
≈ Nocturnal Sea
Triada +120° +240°
- 14635A
Philodendron
- 5E4B77
≈ Impulsive Purple
- 734C27
≈ Chocolate Rain
Komplementarna rozszczepiona +150° +210°
- 14635A
Philodendron
- 6F4667
≈ Old Fashioned Purple
- 79463A
≈ Chocolate Magma
Tetrada +90° +180° +270°
- 14635A
Philodendron
- 49537F
≈ Mozart
- 784451
≈ Berry Bush
- 645520
≈ Tucumán Green
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.08:1 · APCA Lc 84
Ag
FailNa czerni
WCAG 2.96:1 · APCA Lc 18
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.08:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
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);
}