Màu có tên gần nhất · #26B195
#26B195
Màu có tên gần nhất: Hobgoblin
#26B195 (rgb(38 177 149), hsl(168 65% 42%), oklch(0.683 0.12 175.1)) gần nhất với màu có tên Hobgoblin. 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.
#26B195
oklch(0.683 0.12 175.1)
Chuyển đổi màu
- HEX
- #26b195
- RGB
- rgb(38 177 149)
- HSL
- hsl(168 65% 42%)
- HWB
- hwb(168 15% 31%)
- OKLCH
- oklch(0.683 0.12 175.1)
- OKLab
- oklab(0.683 -0.12 0.01)
- CIE Lab
- lab(64.78 -42.31 3.6)
- LCH
- lch(64.78 42.46 175.1)
- CMYK
- cmyk(79% 0% 16% 31%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 4AB99F
- 63C1A9
- 7AC9B4
- 8ED1BE
- A2D8C9
- B5E0D3
- C8E8DE
- DAF0E9
- EDF7F4
Sắc đậm
- 209981
- 19836D
- 136C5A
- 0D5748
- 084237
- 042F26
- 021C16
- 010C08
- 000101
Sắc xám
- 3BAC93
- 49A791
- 54A38F
- 5D9E8D
- 64998A
- 6B9488
- 718F86
- 778A84
- 7C8582
Hòa sắc
Bổ túc +180°
- 26B195
Hobgoblin
- D3789D
≈ Little Bow Pink
Tương đồng -30° +30°
- 26B195
Hobgoblin
- 66AD69
≈ Ferntastic
- 00ADBB
≈ Placid Sea
Bộ ba +120° +240°
- 26B195
Hobgoblin
- 9F89DC
≈ Middy’s Purple
- D2844B
≈ Flaming Torch
Bổ túc chia +150° +210°
- 26B195
Hobgoblin
- BF7EC2
≈ Lavender Sweater
- DA7A73
≈ Hearts Afire
Bộ bốn +90° +180° +270°
- 26B195
Hobgoblin
- 7597E4
≈ Guilliman Blue
- D3789D
≈ Little Bow Pink
- BB9333
≈ Nugget
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.69:1 · APCA Lc 52
Ag
AAATrên nền đen
WCAG 7.80:1 · APCA Lc 50
Màu chữ tốt nhất: #000000
WCAG 7.80:1 (AAA) · APCA Lc 50
Contrast pairs
Đoạn mã
CSS
:root {
--hobgoblin: #26b195;
--hobgoblin-rgb: 38 177 149;
--hobgoblin-oklch: oklch(0.683 0.12 175.1);
}
.element {
color: var(--hobgoblin);
background-color: hsl(168 65% 42%);
border-color: oklch(0.683 0.12 175.1);
}Tailwind CSS v4
@theme {
--color-hobgoblin: #26b195;
--color-hobgoblin-50: #d2fff4;
--color-hobgoblin-100: #bef6e7;
--color-hobgoblin-200: #9be6d3;
--color-hobgoblin-300: #6dccb6;
--color-hobgoblin-400: #3bb59a;
--color-hobgoblin-500: #009f82;
--color-hobgoblin-600: #00876e;
--color-hobgoblin-700: #006c58;
--color-hobgoblin-800: #004f3e;
--color-hobgoblin-900: #00372b;
--color-hobgoblin-950: #002218;
}SCSS
$hobgoblin: #26b195;
$hobgoblin-rgb: 38, 177, 149;
$hobgoblin-light: mix(#fff, $hobgoblin, 20%);
$hobgoblin-dark: mix(#000, $hobgoblin, 20%);
.element {
color: $hobgoblin;
box-shadow: 0 0 0 2px rgba($hobgoblin, 0.35);
}