Màu có tên gần nhất · #18864C
#18864C
Màu có tên gần nhất: Later Gator
#18864C (rgb(24 134 76), hsl(148 70% 31%), oklch(0.547 0.13 154)) gần nhất với màu có tên Later Gator. 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.
#18864C
oklch(0.547 0.13 154)
Chuyển đổi màu
- HEX
- #18864c
- RGB
- rgb(24 134 76)
- HSL
- hsl(148 70% 31%)
- HWB
- hwb(148 9% 47%)
- OKLCH
- oklch(0.547 0.13 154)
- OKLab
- oklab(0.547 -0.117 0.057)
- CIE Lab
- lab(49.17 -41.28 22.48)
- LCH
- lch(49.17 47 151.4)
- CMYK
- cmyk(82% 0% 43% 47%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3B925D
- 549E6E
- 6BAA7F
- 80B691
- 96C2A3
- ABCEB5
- C0DAC7
- D5E7D9
- EAF3EC
Sắc đậm
- 137441
- 0F6236
- 0A512C
- 074022
- 043018
- 02210F
- 011306
- 000602
- 000100
Sắc xám
- 2D8652
- 3B8557
- 46855C
- 508562
- 5A8467
- 62836C
- 6A8371
- 728276
- 79817B
Hòa sắc
Bổ túc +180°
- 18864C
Later Gator
- 9D5090
≈ Hyacinth Violet
Tương đồng -30° +30°
- 18864C
Later Gator
- 617D10
≈ Birch Leaf Green
- 008377
≈ Green Garlands
Bộ ba +120° +240°
- 18864C
Later Gator
- 5A68BC
≈ Bluish Purple Anemone
- AF503A
≈ Crimson Warrior
Bổ túc chia +150° +210°
- 18864C
Later Gator
- 825BAE
≈ Genestealer Purple
- AD4B68
≈ Bing Cherry Pie
Bộ bốn +90° +180° +270°
- 18864C
Later Gator
- 1077B6
≈ Americana
- 9D5090
≈ Hyacinth Violet
- A25E00
≈ Raw Umber
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.61:1 · APCA Lc 72
Ag
AATrên nền đen
WCAG 4.55:1 · APCA Lc 30
Màu chữ tốt nhất: #FFFFFF
WCAG 4.61:1 (AA) · APCA Lc 72
Contrast pairs
Đoạn mã
CSS
:root {
--later-gator: #18864c;
--later-gator-rgb: 24 134 76;
--later-gator-oklch: oklch(0.547 0.13 154);
}
.element {
color: var(--later-gator);
background-color: hsl(148 70% 31%);
border-color: oklch(0.547 0.13 154);
}Tailwind CSS v4
@theme {
--color-later-gator: #18864c;
--color-later-gator-50: #d8ffe6;
--color-later-gator-100: #c6f6d6;
--color-later-gator-200: #a7e5bd;
--color-later-gator-300: #7ecb9b;
--color-later-gator-400: #59b57a;
--color-later-gator-500: #269e5d;
--color-later-gator-600: #24864f;
--color-later-gator-700: #1d6b3f;
--color-later-gator-800: #164f2b;
--color-later-gator-900: #0e371d;
--color-later-gator-950: #02220d;
}SCSS
$later-gator: #18864c;
$later-gator-rgb: 24, 134, 76;
$later-gator-light: mix(#fff, $later-gator, 20%);
$later-gator-dark: mix(#000, $later-gator, 20%);
.element {
color: $later-gator;
box-shadow: 0 0 0 2px rgba($later-gator, 0.35);
}