Màu có tên gần nhất · #688F60
#688F60
Màu có tên gần nhất: Four Leaf Clover
#688F60 (rgb(104 143 96), hsl(110 20% 47%), oklch(0.608 0.082 140.3)) gần nhất với màu có tên Four Leaf Clover. 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.
#688F60
oklch(0.608 0.082 140.3)
Chuyển đổi màu
- HEX
- #688f60
- RGB
- rgb(104 143 96)
- HSL
- hsl(110 20% 47%)
- HWB
- hwb(110 38% 44%)
- OKLCH
- oklch(0.608 0.082 140.3)
- OKLab
- oklab(0.608 -0.063 0.052)
- CIE Lab
- lab(55.56 -21.19 20.56)
- LCH
- lch(55.56 29.53 135.9)
- CMYK
- cmyk(27% 0% 33% 44%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 769A6F
- 85A57E
- 94B08E
- A3BB9D
- B2C6AD
- C1D1BD
- D0DDCD
- E0E8DE
- EFF3EE
Sắc đậm
- 597C52
- 4B6945
- 3E5738
- 30452C
- 243420
- 182415
- 0C150A
- 040703
- 000100
Sắc xám
- 6B8E64
- 6D8C67
- 708B6A
- 72896E
- 758871
- 778674
- 798577
- 7C837A
- 7E827D
Hòa sắc
Bổ túc +180°
- 688F60
Four Leaf Clover
- 9973A1
≈ Scotch Thistle
Tương đồng -30° +30°
- 688F60
Four Leaf Clover
- 85874B
≈ Field Maple
- 4A937B
≈ Winter Green
Bộ ba +120° +240°
- 688F60
Four Leaf Clover
- 6683B4
≈ Marine Ink
- AE6F6E
≈ Horizon Glow
Bổ túc chia +150° +210°
- 688F60
Four Leaf Clover
- 827AB1
≈ Purple Rhapsody
- A86E89
≈ Mauve Orchid
Bộ bốn +90° +180° +270°
- 688F60
Four Leaf Clover
- 4A8CAA
≈ Blue Chaise
- 9973A1
≈ Scotch Thistle
- AA7455
≈ Glazed Pot
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.69:1 · APCA Lc 64
Ag
AATrên nền đen
WCAG 5.68:1 · APCA Lc 37
Màu chữ tốt nhất: #000000
WCAG 5.68:1 (AA) · APCA Lc 37
Contrast pairs
Đoạn mã
CSS
:root {
--four-leaf-clover: #688f60;
--four-leaf-clover-rgb: 104 143 96;
--four-leaf-clover-oklch: oklch(0.608 0.082 140.3);
}
.element {
color: var(--four-leaf-clover);
background-color: hsl(110 20% 47%);
border-color: oklch(0.608 0.082 140.3);
}Tailwind CSS v4
@theme {
--color-four-leaf-clover: #688f60;
--color-four-leaf-clover-50: #e8fce6;
--color-four-leaf-clover-100: #d9efd6;
--color-four-leaf-clover-200: #c1debe;
--color-four-leaf-clover-300: #a0c39c;
--color-four-leaf-clover-400: #85ab7d;
--color-four-leaf-clover-500: #689460;
--color-four-leaf-clover-600: #597d51;
--color-four-leaf-clover-700: #476441;
--color-four-leaf-clover-800: #34492d;
--color-four-leaf-clover-900: #23331f;
--color-four-leaf-clover-950: #121e0e;
}SCSS
$four-leaf-clover: #688f60;
$four-leaf-clover-rgb: 104, 143, 96;
$four-leaf-clover-light: mix(#fff, $four-leaf-clover, 20%);
$four-leaf-clover-dark: mix(#000, $four-leaf-clover, 20%);
.element {
color: $four-leaf-clover;
box-shadow: 0 0 0 2px rgba($four-leaf-clover, 0.35);
}