Màu có tên gần nhất · #286155
#286155
Màu có tên gần nhất: Philodendron
#286155 (rgb(40 97 85), hsl(167 42% 27%), oklch(0.451 0.063 177.4)) gần nhất với màu có tên Philodendron. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#286155
oklch(0.451 0.063 177.4)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3F7064
- 547F74
- 688E84
- 7D9D95
- 92ADA6
- A7BDB7
- BDCDC9
- D3DEDB
- E9EEED
Sắc đậm
- 215349
- 1B463D
- 153931
- 0F2D26
- 09211C
- 041511
- 020B08
- 010302
- 000000
Sắc xám
- 336459
- 3D675D
- 466A62
- 4F6E66
- 57716A
- 60746E
- 687773
- 707A77
- 787D7C
Hòa sắc
Bổ túc +180°
- 286155
Philodendron
- 724656
≈ Deep Carmine
Tương đồng -30° +30°
- 286155
Philodendron
- 3D5F41
≈ Cupidity
- 225F67
≈ Gulf Harbour
Bộ ba +120° +240°
- 286155
Philodendron
- 594E74
≈ Benikakehana Purple
- 704C31
≈ Coffee
Bổ túc chia +150° +210°
- 286155
Philodendron
- 684968
≈ Sultana
- 754842
≈ Burnished Mahogany
Bộ bốn +90° +180° +270°
- 286155
Philodendron
- 465479
≈ Deep Indigo
- 724656
≈ Deep Carmine
- 64532A
≈ Uguisu Brown
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.16:1 · APCA Lc 85
Ag
FailTrên nền đen
WCAG 2.93:1 · APCA Lc 17
Màu chữ tốt nhất: #FFFFFF
WCAG 7.16:1 (AAA) · APCA Lc 85
Contrast pairs
Đoạn mã
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);
}