Màu có tên · #8EBCBD
Lorian
Lorian là #8EBCBD: rgb(142 188 189), hsl(181 26% 65%), oklch(0.763 0.049 197.9). 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? → · Lorian color name →
#8EBCBD
oklch(0.763 0.049 197.9)
Chuyển đổi màu
- HEX
- #8ebcbd
- RGB
- rgb(142 188 189)
- HSL
- hsl(181 26% 65%)
- HWB
- hwb(181 56% 26%)
- OKLCH
- oklch(0.763 0.049 197.9)
- OKLab
- oklab(0.763 -0.046 -0.015)
- CIE Lab
- lab(72.99 -15.59 -5.74)
- LCH
- lch(72.99 16.62 200.2)
- CMYK
- cmyk(25% 1% 0% 26%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 99C3C3
- A5C9CA
- B0D0D0
- BBD7D7
- C6DDDE
- D2E4E4
- DDEBEB
- E8F1F2
- F4F8F8
Sắc đậm
- 7BA3A4
- 688B8C
- 567374
- 445D5D
- 344747
- 243233
- 151F1F
- 070D0D
- 010202
Sắc xám
- 8DB6B7
- 8CB0B0
- 8BAAAA
- 89A4A4
- 889E9E
- 879898
- 859292
- 838C8C
- 828686
Hòa sắc
Bổ túc +180°
- 8EBCBD
Lorian
- CFA6A6
≈ Baby Jane
Tương đồng -30° +30°
- 8EBCBD
Lorian
- 95BCAC
≈ Mild Evergreen
- 92B9CB
≈ Moon Jellyfish
Bộ ba +120° +240°
- 8EBCBD
Lorian
- BFA9C7
≈ Immortal
- C3AF90
≈ Khaki
Bổ túc chia +150° +210°
- 8EBCBD
Lorian
- CAA6B7
≈ Fragrant Lilac
- CDA998
≈ Tempting Taupe
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.08:1 · APCA Lc 41
Ag
AAATrên nền đen
WCAG 10.07:1 · APCA Lc 62
Màu chữ tốt nhất: #000000
WCAG 10.07:1 (AAA) · APCA Lc 62
Contrast pairs
Đoạn mã
CSS
:root {
--lorian: #8ebcbd;
--lorian-rgb: 142 188 189;
--lorian-oklch: oklch(0.763 0.049 197.9);
}
.element {
color: var(--lorian);
background-color: hsl(181 26% 65%);
border-color: oklch(0.763 0.049 197.9);
}Tailwind CSS v4
@theme {
--color-lorian: #8ebcbd;
--color-lorian-50: #e6fafb;
--color-lorian-100: #d6edee;
--color-lorian-200: #bddbdc;
--color-lorian-300: #9bbfc1;
--color-lorian-400: #7da8a9;
--color-lorian-500: #5f9092;
--color-lorian-600: #517a7b;
--color-lorian-700: #406263;
--color-lorian-800: #2e4848;
--color-lorian-900: #1f3232;
--color-lorian-950: #0f1e1e;
}SCSS
$lorian: #8ebcbd;
$lorian-rgb: 142, 188, 189;
$lorian-light: mix(#fff, $lorian, 20%);
$lorian-dark: mix(#000, $lorian, 20%);
.element {
color: $lorian;
box-shadow: 0 0 0 2px rgba($lorian, 0.35);
}