Najbliższy nazwany kolor · #286155
#286155
Najbliższy nazwany kolor: Philodendron
#286155 (rgb(40 97 85), hsl(167 42% 27%), oklch(0.451 0.063 177.4)) jest najbliższy nazwanemu kolorowi Philodendron. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#286155
oklch(0.451 0.063 177.4)
Konwersje koloru
- HEX
- #286155
- RGB
- rgb(40 97 85)
- HSL
- hsl(167 42% 27%)
- HWB
- hwb(167 16% 62%)
- OKLCH
- oklch(0.451 0.063 177.4)
- OKLab
- oklab(0.451 -0.063 0.003)
- CIE Lab
- lab(37.1 -22.02 0.93)
- LCH
- lch(37.1 22.04 177.6)
- CMYK
- cmyk(59% 0% 12% 62%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3F7064
- 547F74
- 688E84
- 7D9D95
- 92ADA6
- A7BDB7
- BDCDC9
- D3DEDB
- E9EEED
Odcienie ciemniejsze
- 215349
- 1B463D
- 153931
- 0F2D26
- 09211C
- 041511
- 020B08
- 010302
- 000000
Tony
- 336459
- 3D675D
- 466A62
- 4F6E66
- 57716A
- 60746E
- 687773
- 707A77
- 787D7C
Harmonie kolorów
Komplementarna +180°
- 286155
Philodendron
- 724656
≈ Deep Carmine
Analogowa -30° +30°
- 286155
Philodendron
- 3D5F41
≈ Cupidity
- 225F67
≈ Gulf Harbour
Triada +120° +240°
- 286155
Philodendron
- 594E74
≈ Benikakehana Purple
- 704C31
≈ Coffee
Komplementarna rozszczepiona +150° +210°
- 286155
Philodendron
- 684968
≈ Sultana
- 754842
≈ Burnished Mahogany
Tetrada +90° +180° +270°
- 286155
Philodendron
- 465479
≈ Deep Indigo
- 724656
≈ Deep Carmine
- 64532A
≈ Uguisu Brown
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.16:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.93:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.16:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--philodendron: #286155;
--philodendron-rgb: 40 97 85;
--philodendron-oklch: oklch(0.451 0.063 177.4);
}
.element {
color: var(--philodendron);
background-color: hsl(167 42% 27%);
border-color: oklch(0.451 0.063 177.4);
}Tailwind CSS v4
@theme {
--color-philodendron: #286155;
--color-philodendron-50: #e3fbf5;
--color-philodendron-100: #d2efe8;
--color-philodendron-200: #b8ded5;
--color-philodendron-300: #95c2b8;
--color-philodendron-400: #75ab9e;
--color-philodendron-500: #559486;
--color-philodendron-600: #497d71;
--color-philodendron-700: #3a645a;
--color-philodendron-800: #294a41;
--color-philodendron-900: #1c332d;
--color-philodendron-950: #0c1f1a;
}SCSS
$philodendron: #286155;
$philodendron-rgb: 40, 97, 85;
$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);
}