Màu có tên · #9FE2BF
Bright Sea Green
Bright Sea Green là #9FE2BF: rgb(159 226 191), hsl(149 54% 75%), oklch(0.858 0.084 161.2). 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? → · Bright Sea Green color name →
#9FE2BF
oklch(0.858 0.084 161.2)
Chuyển đổi màu
- HEX
- #9fe2bf
- RGB
- rgb(159 226 191)
- HSL
- hsl(149 54% 75%)
- HWB
- hwb(149 62% 11%)
- OKLCH
- oklch(0.858 0.084 161.2)
- OKLab
- oklab(0.858 -0.079 0.027)
- CIE Lab
- lab(84.69 -27.37 10.11)
- LCH
- lch(84.69 29.18 159.7)
- CMYK
- cmyk(30% 0% 15% 11%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A9E5C5
- B3E8CC
- BDEBD2
- C7EED8
- D0F1DF
- DAF4E5
- E3F7EC
- ECF9F2
- F6FCF9
Sắc đậm
- 8AC4A6
- 75A88D
- 618C75
- 4D715E
- 3B5748
- 293E33
- 18271F
- 09120D
- 010302
Sắc xám
- 9CD8B9
- 9ACEB2
- 97C4AC
- 94BAA5
- 91B09F
- 8EA699
- 8B9D93
- 87938C
- 848986
Hòa sắc
Bổ túc +180°
- 9FE2BF
Bright Sea Green
- F7BBE1
≈ Cotton Candy Aesthetic
Tương đồng -30° +30°
- 9FE2BF
Bright Sea Green
- BDDCA3
≈ Embroidered Silk
- 8DE2DE
≈ Aqua Fiesta
Bộ ba +120° +240°
- 9FE2BF
Bright Sea Green
- C8CCFF
≈ Lavender Blue
- FFC0A8
≈ Porcellana
Bổ túc chia +150° +210°
- 9FE2BF
Bright Sea Green
- E2C1F9
≈ Jane Purple
- FFBCC4
≈ A Lot of Love
Bộ bốn +90° +180° +270°
- 9FE2BF
Bright Sea Green
- AED4FF
≈ Ice Cold Stare
- F7BBE1
≈ Cotton Candy Aesthetic
- F3C894
≈ Mellow Moment
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.48:1 · APCA Lc 23
Ag
AAATrên nền đen
WCAG 14.10:1 · APCA Lc 80
Màu chữ tốt nhất: #000000
WCAG 14.10:1 (AAA) · APCA Lc 80
Contrast pairs
Đoạn mã
CSS
:root {
--bright-sea-green: #9fe2bf;
--bright-sea-green-rgb: 159 226 191;
--bright-sea-green-oklch: oklch(0.858 0.084 161.2);
}
.element {
color: var(--bright-sea-green);
background-color: hsl(149 54% 75%);
border-color: oklch(0.858 0.084 161.2);
}Tailwind CSS v4
@theme {
--color-bright-sea-green: #9fe2bf;
--color-bright-sea-green-50: #e1fdee;
--color-bright-sea-green-100: #d0f1e0;
--color-bright-sea-green-200: #b5e0ca;
--color-bright-sea-green-300: #90c5ab;
--color-bright-sea-green-400: #70ae8f;
--color-bright-sea-green-500: #4e9774;
--color-bright-sea-green-600: #438063;
--color-bright-sea-green-700: #35674f;
--color-bright-sea-green-800: #274b38;
--color-bright-sea-green-900: #1a3426;
--color-bright-sea-green-950: #0a2015;
}SCSS
$bright-sea-green: #9fe2bf;
$bright-sea-green-rgb: 159, 226, 191;
$bright-sea-green-light: mix(#fff, $bright-sea-green, 20%);
$bright-sea-green-dark: mix(#000, $bright-sea-green, 20%);
.element {
color: $bright-sea-green;
box-shadow: 0 0 0 2px rgba($bright-sea-green, 0.35);
}