Màu có tên gần nhất · #456840
#456840
Màu có tên gần nhất: Jurassic Park
#456840 (rgb(69 104 64), hsl(113 24% 33%), oklch(0.479 0.074 141.4)) gần nhất với màu có tên Jurassic Park. 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.
#456840
oklch(0.479 0.074 141.4)
Chuyển đổi màu
- HEX
- #456840
- RGB
- rgb(69 104 64)
- HSL
- hsl(113 24% 33%)
- HWB
- hwb(113 25% 59%)
- OKLCH
- oklch(0.479 0.074 141.4)
- OKLab
- oklab(0.479 -0.058 0.046)
- CIE Lab
- lab(40.51 -19.65 18.41)
- LCH
- lch(40.51 26.93 136.9)
- CMYK
- cmyk(34% 0% 38% 59%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 567652
- 688563
- 7A9376
- 8CA288
- 9EB19B
- B1C0AF
- C4D0C2
- D7DFD6
- EBEFEA
Sắc đậm
- 3B5936
- 314B2D
- 273E24
- 1E301B
- 152413
- 0C180B
- 050C05
- 020401
- 000000
Sắc xám
- 4B6B47
- 516D4D
- 576F53
- 5D725A
- 637460
- 697767
- 6F796D
- 747B73
- 7A7E7A
Hòa sắc
Bổ túc +180°
- 456840
Jurassic Park
- 714F77
≈ Gladiola Violet
Tương đồng -30° +30°
- 456840
Jurassic Park
- 5F612D
≈ Gardener Green
- 286B58
≈ Forest Rain
Bộ ba +120° +240°
- 456840
Jurassic Park
- 465D88
≈ Anchor Point
- 824C4B
≈ Red Maple Leaf
Bổ túc chia +150° +210°
- 456840
Jurassic Park
- 5E5684
≈ Mountain Iris
- 7D4B62
≈ Princely
Bộ bốn +90° +180° +270°
- 456840
Jurassic Park
- 2A6580
≈ Georgian Bay
- 714F77
≈ Gladiola Violet
- 7F5135
≈ Brazilian Brown
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.34:1 · APCA Lc 82
Ag
FailTrên nền đen
WCAG 3.30:1 · APCA Lc 20
Màu chữ tốt nhất: #FFFFFF
WCAG 6.34:1 (AA) · APCA Lc 82
Contrast pairs
Đoạn mã
CSS
:root {
--jurassic-park: #456840;
--jurassic-park-rgb: 69 104 64;
--jurassic-park-oklch: oklch(0.479 0.074 141.4);
}
.element {
color: var(--jurassic-park);
background-color: hsl(113 24% 33%);
border-color: oklch(0.479 0.074 141.4);
}Tailwind CSS v4
@theme {
--color-jurassic-park: #456840;
--color-jurassic-park-50: #e9fbe8;
--color-jurassic-park-100: #daefd8;
--color-jurassic-park-200: #c2ddc0;
--color-jurassic-park-300: #a1c29f;
--color-jurassic-park-400: #86aa81;
--color-jurassic-park-500: #6a9364;
--color-jurassic-park-600: #5a7c55;
--color-jurassic-park-700: #486344;
--color-jurassic-park-800: #354930;
--color-jurassic-park-900: #243220;
--color-jurassic-park-950: #131e10;
}SCSS
$jurassic-park: #456840;
$jurassic-park-rgb: 69, 104, 64;
$jurassic-park-light: mix(#fff, $jurassic-park, 20%);
$jurassic-park-dark: mix(#000, $jurassic-park, 20%);
.element {
color: $jurassic-park;
box-shadow: 0 0 0 2px rgba($jurassic-park, 0.35);
}