Màu có tên · #11BB55
Intoxicate
Intoxicate là #11BB55: rgb(17 187 85), hsl(144 83% 40%), oklch(0.693 0.19 149.4). 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 Green mean? → · Intoxicate color name →
#11BB55
oklch(0.693 0.19 149.4)
Chuyển đổi màu
- HEX
- #11bb55
- RGB
- rgb(17 187 85)
- HSL
- hsl(144 83% 40%)
- HWB
- hwb(144 7% 27%)
- OKLCH
- oklch(0.693 0.19 149.4)
- OKLab
- oklab(0.693 -0.164 0.097)
- CIE Lab
- lab(66.75 -57.37 39.52)
- LCH
- lch(66.75 69.67 145.4)
- CMYK
- cmyk(91% 0% 55% 27%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 42C267
- 5FCA79
- 77D18A
- 8CD89B
- A0DFAB
- B4E5BC
- C7ECCD
- DAF2DD
- EDF9EE
Sắc đậm
- 0DA249
- 098A3D
- 067331
- 045C26
- 02461C
- 013211
- 001F08
- 000D02
- 000200
Sắc xám
- 32B55B
- 43B060
- 50AA65
- 5AA46A
- 639E6E
- 6A9972
- 709376
- 768C7A
- 7B867D
Hòa sắc
Bổ túc +180°
- 11BB55
Intoxicate
- DA6AD4
≈ Pink Orchid
Tương đồng -30° +30°
- 11BB55
Intoxicate
- 91A900
≈ Augustus Asparagus
- 00B59E
≈ Aare River
Bộ ba +120° +240°
- 11BB55
Intoxicate
- 7595FF
≈ Blue Chaos
- FC6351
≈ Rose Fusion
Bổ túc chia +150° +210°
- 11BB55
Intoxicate
- AF7CFF
≈ Purple Illusionist
- F55F99
≈ Medium Pink
Bộ bốn +90° +180° +270°
- 11BB55
Intoxicate
- 00A7F2
≈ Vivid Cerulean
- DA6AD4
≈ Pink Orchid
- E47F00
≈ Sports Fan
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.54:1 · APCA Lc 49
Ag
AAATrên nền đen
WCAG 8.26:1 · APCA Lc 53
Màu chữ tốt nhất: #000000
WCAG 8.26:1 (AAA) · APCA Lc 53
Contrast pairs
Đoạn mã
CSS
:root {
--intoxicate: #11bb55;
--intoxicate-rgb: 17 187 85;
--intoxicate-oklch: oklch(0.693 0.19 149.4);
}
.element {
color: var(--intoxicate);
background-color: hsl(144 83% 40%);
border-color: oklch(0.693 0.19 149.4);
}Tailwind CSS v4
@theme {
--color-intoxicate: #11bb55;
--color-intoxicate-50: #ceffda;
--color-intoxicate-100: #b9fbc8;
--color-intoxicate-200: #94ecab;
--color-intoxicate-300: #62d384;
--color-intoxicate-400: #2bbc5c;
--color-intoxicate-500: #00a633;
--color-intoxicate-600: #008c2d;
--color-intoxicate-700: #007024;
--color-intoxicate-800: #005313;
--color-intoxicate-900: #003a0c;
--color-intoxicate-950: #002401;
}SCSS
$intoxicate: #11bb55;
$intoxicate-rgb: 17, 187, 85;
$intoxicate-light: mix(#fff, $intoxicate, 20%);
$intoxicate-dark: mix(#000, $intoxicate, 20%);
.element {
color: $intoxicate;
box-shadow: 0 0 0 2px rgba($intoxicate, 0.35);
}