Màu có tên · #3DB9B2
Green Grapple
Green Grapple là #3DB9B2: rgb(61 185 178), hsl(177 50% 48%), oklch(0.717 0.107 189.6). 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.
What does Teal mean? → · Green Grapple color name →
#3DB9B2
oklch(0.717 0.107 189.6)
Chuyển đổi màu
- HEX
- #3db9b2
- RGB
- rgb(61 185 178)
- HSL
- hsl(177 50% 48%)
- HWB
- hwb(177 24% 27%)
- OKLCH
- oklch(0.717 0.107 189.6)
- OKLab
- oklab(0.717 -0.106 -0.018)
- CIE Lab
- lab(68.4 -36.32 -6.97)
- LCH
- lch(68.4 36.98 190.9)
- CMYK
- cmyk(67% 0% 4% 27%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 58C0B9
- 6FC7C1
- 83CEC9
- 96D5D0
- A9DCD8
- BAE3E0
- CCEAE7
- DDF1EF
- EEF8F7
Sắc đậm
- 34A09A
- 2B8983
- 22716D
- 1A5B57
- 124643
- 0A312F
- 041E1D
- 010D0C
- 000201
Sắc xám
- 4AB3AD
- 55AEA8
- 5DA8A3
- 65A29E
- 6B9D99
- 709794
- 75918F
- 798C8A
- 7D8685
Hòa sắc
Bổ túc +180°
- 3DB9B2
Green Grapple
- DD8795
≈ Melancholy
Tương đồng -30° +30°
- 3DB9B2
Green Grapple
- 62B88C
≈ Crazy Eyes
- 45B3D2
≈ Epimetheus
Bộ ba +120° +240°
- 3DB9B2
Green Grapple
- B891D6
≈ Pale Purple
- CF9754
≈ Sugar Glazed Cashew
Bổ túc chia +150° +210°
- 3DB9B2
Green Grapple
- D089B9
≈ Cyclamen
- DD8C70
≈ Canyon Sunset
Bộ bốn +90° +180° +270°
- 3DB9B2
Green Grapple
- 969CE6
≈ Cold Lips
- DD8795
≈ Melancholy
- B4A550
≈ Moss Stone
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.39:1 · APCA Lc 47
Ag
AAATrên nền đen
WCAG 8.78:1 · APCA Lc 55
Màu chữ tốt nhất: #000000
WCAG 8.78:1 (AAA) · APCA Lc 55
Contrast pairs
Đoạn mã
CSS
:root {
--green-grapple: #3db9b2;
--green-grapple-rgb: 61 185 178;
--green-grapple-oklch: oklch(0.717 0.107 189.6);
}
.element {
color: var(--green-grapple);
background-color: hsl(177 50% 48%);
border-color: oklch(0.717 0.107 189.6);
}Tailwind CSS v4
@theme {
--color-green-grapple: #3db9b2;
--color-green-grapple-50: #d3fffd;
--color-green-grapple-100: #bff4f1;
--color-green-grapple-200: #9ee3e0;
--color-green-grapple-300: #70c9c5;
--color-green-grapple-400: #40b3ac;
--color-green-grapple-500: #009c95;
--color-green-grapple-600: #00847e;
--color-green-grapple-700: #006a65;
--color-green-grapple-800: #004e49;
--color-green-grapple-900: #003633;
--color-green-grapple-950: #00211e;
}SCSS
$green-grapple: #3db9b2;
$green-grapple-rgb: 61, 185, 178;
$green-grapple-light: mix(#fff, $green-grapple, 20%);
$green-grapple-dark: mix(#000, $green-grapple, 20%);
.element {
color: $green-grapple;
box-shadow: 0 0 0 2px rgba($green-grapple, 0.35);
}