Benoemde kleur · #116356
Philodendron
Philodendron is #116356: rgb(17 99 86), hsl(170 71% 23%), oklch(0.45 0.077 179). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Teal mean? → · Philodendron color name →
#116356
oklch(0.45 0.077 179)
Kleurconversies
- HEX
- #116356
- RGB
- rgb(17 99 86)
- HSL
- hsl(170 71% 23%)
- HWB
- hwb(170 7% 61%)
- OKLCH
- oklch(0.45 0.077 179)
- OKLab
- oklab(0.45 -0.077 0.001)
- CIE Lab
- lab(37.18 -26.97 0.33)
- LCH
- lch(37.18 26.97 179.3)
- CMYK
- cmyk(83% 0% 13% 61%)
Tinten · Schaduwen · Tonen
Tinten
- 317265
- 4A8175
- 609085
- 779F96
- 8DAEA6
- A3BEB8
- BACEC9
- D1DEDB
- E8EFED
Schaduwen
- 0D554A
- 09473E
- 063A32
- 042E27
- 02211C
- 011612
- 000B08
- 000302
- 000000
Tonen
- 24665A
- 32695E
- 3E6C62
- 486F66
- 52726B
- 5C756F
- 657873
- 6E7A77
- 777D7C
Kleurharmonieën
Complementair +180°
- 116356
Philodendron
- 784254
≈ Red Jade
Analoog -30° +30°
- 116356
Philodendron
- 34613D
≈ Verde Garrafa
- 02616C
≈ Blue Lagoon
Triadisch +120° +240°
- 116356
Philodendron
- 5B4B7A
≈ Saffron Crocus
- 754A26
≈ Vintage Wood
Gesplitst complementair +150° +210°
- 116356
Philodendron
- 6D456A
≈ Sultana
- 7A443C
≈ Bole
Tetradisch +90° +180° +270°
- 116356
Philodendron
- 445380
≈ Blue Jewel
- 784254
≈ Red Jade
- 66531B
≈ Field Drab
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 7.13:1 · APCA Lc 84
Ag
FailOp zwart
WCAG 2.94:1 · APCA Lc 18
Beste tekstkleur: #FFFFFF
WCAG 7.13:1 (AAA) · APCA Lc 84
Contrast pairs
Codefragmenten
CSS
:root {
--philodendron: #116356;
--philodendron-rgb: 17 99 86;
--philodendron-oklch: oklch(0.45 0.077 179);
}
.element {
color: var(--philodendron);
background-color: hsl(170 71% 23%);
border-color: oklch(0.45 0.077 179);
}Tailwind CSS v4
@theme {
--color-philodendron: #116356;
--color-philodendron-50: #defdf6;
--color-philodendron-100: #cdf1e9;
--color-philodendron-200: #b1e0d6;
--color-philodendron-300: #8bc5b9;
--color-philodendron-400: #69ae9f;
--color-philodendron-500: #449787;
--color-philodendron-600: #3b8072;
--color-philodendron-700: #2f665b;
--color-philodendron-800: #214b42;
--color-philodendron-900: #16342d;
--color-philodendron-950: #07201a;
}SCSS
$philodendron: #116356;
$philodendron-rgb: 17, 99, 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);
}