Màu có tên gần nhất · #74CA4B
#74CA4B
Màu có tên gần nhất: Fairy Tale Green
#74CA4B (rgb(116 202 75), hsl(101 55% 54%), oklch(0.758 0.183 137)) gần nhất với màu có tên Fairy Tale Green. 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.
#74CA4B
oklch(0.758 0.183 137)
Chuyển đổi màu
- HEX
- #74ca4b
- RGB
- rgb(116 202 75)
- HSL
- hsl(101 55% 54%)
- HWB
- hwb(101 29% 21%)
- OKLCH
- oklch(0.758 0.183 137)
- OKLab
- oklab(0.758 -0.134 0.125)
- CIE Lab
- lab(73.97 -43.91 52.94)
- LCH
- lch(73.97 68.78 129.7)
- CMYK
- cmyk(43% 0% 63% 21%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 83D061
- 91D575
- 9FDB87
- ADE099
- BBE6AA
- C9EBBB
- D6F0CC
- E4F5DD
- F1FAEE
Sắc đậm
- 64AF40
- 549535
- 457C2B
- 376421
- 294D17
- 1B370E
- 0F2206
- 050F02
- 010200
Sắc xám
- 76C354
- 79BB5C
- 7AB462
- 7CAD68
- 7DA56D
- 7E9E72
- 7F9776
- 7F8F79
- 80887D
Hòa sắc
Bổ túc +180°
- 74CA4B
Fairy Tale Green
- DE87FC
≈ Lavender Tea
Tương đồng -30° +30°
- 74CA4B
Fairy Tale Green
- BDB600
≈ Olive Yellow
- 00CF9C
≈ Caribbean Green
Bộ ba +120° +240°
- 74CA4B
Fairy Tale Green
- 7CB2FF
≈ French Sky Blue
- FF878F
≈ Tulip
Bổ túc chia +150° +210°
- 74CA4B
Fairy Tale Green
- ABA3FF
≈ Shy Moment
- FF7CC6
≈ Pink Plastic Fantastic
Bộ bốn +90° +180° +270°
- 74CA4B
Fairy Tale Green
- 00C2F8
≈ Spiro Disco Ball
- DE87FC
≈ Lavender Tea
- FF8E52
≈ Boredom Buster
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.04:1 · APCA Lc 39
Ag
AAATrên nền đen
WCAG 10.29:1 · APCA Lc 63
Màu chữ tốt nhất: #000000
WCAG 10.29:1 (AAA) · APCA Lc 63
Contrast pairs
Đoạn mã
CSS
:root {
--fairy-tale-green: #74ca4b;
--fairy-tale-green-rgb: 116 202 75;
--fairy-tale-green-oklch: oklch(0.758 0.183 137);
}
.element {
color: var(--fairy-tale-green);
background-color: hsl(101 55% 54%);
border-color: oklch(0.758 0.183 137);
}Tailwind CSS v4
@theme {
--color-fairy-tale-green: #74ca4b;
--color-fairy-tale-green-50: #dbffd0;
--color-fairy-tale-green-100: #c9f7bd;
--color-fairy-tale-green-200: #ace79b;
--color-fairy-tale-green-300: #85ce70;
--color-fairy-tale-green-400: #66b63e;
--color-fairy-tale-green-500: #3f9f00;
--color-fairy-tale-green-600: #378700;
--color-fairy-tale-green-700: #2c6c00;
--color-fairy-tale-green-800: #224f00;
--color-fairy-tale-green-900: #173700;
--color-fairy-tale-green-950: #082200;
}SCSS
$fairy-tale-green: #74ca4b;
$fairy-tale-green-rgb: 116, 202, 75;
$fairy-tale-green-light: mix(#fff, $fairy-tale-green, 20%);
$fairy-tale-green-dark: mix(#000, $fairy-tale-green, 20%);
.element {
color: $fairy-tale-green;
box-shadow: 0 0 0 2px rgba($fairy-tale-green, 0.35);
}