Màu có tên · #B9E7DD
Ice Cap Green
Ice Cap Green là #B9E7DD: rgb(185 231 221), hsl(167 49% 82%), oklch(0.893 0.049 180.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 Teal mean? → · Ice Cap Green color name →
#B9E7DD
oklch(0.893 0.049 180.4)
Chuyển đổi màu
- HEX
- #b9e7dd
- RGB
- rgb(185 231 221)
- HSL
- hsl(167 49% 82%)
- HWB
- hwb(167 73% 9%)
- OKLCH
- oklch(0.893 0.049 180.4)
- OKLab
- oklab(0.893 -0.049 0)
- CIE Lab
- lab(88.19 -16.91 -0.28)
- LCH
- lch(88.19 16.91 180.9)
- CMYK
- cmyk(20% 0% 4% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C0E9E0
- C7ECE4
- CEEEE7
- D5F1EA
- DCF3EE
- E3F5F1
- EAF8F5
- F1FAF8
- F8FDFC
Sắc đậm
- A0C9C0
- 89ABA4
- 718F88
- 5B736E
- 465955
- 31403D
- 1E2826
- 0D1311
- 020302
Sắc xám
- B3DCD3
- AED2CA
- A8C7C0
- A2BDB7
- 9DB2AD
- 97A8A4
- 919E9B
- 8C9492
- 868A89
Hòa sắc
Bổ túc +180°
- B9E7DD
Ice Cap Green
- F9CFDA
≈ April Blush
Tương đồng -30° +30°
- B9E7DD
Ice Cap Green
- C5E6CB
≈ Wintergreen Mint
- B7E5EE
≈ Early Forget-Me-Not
Bộ ba +120° +240°
- B9E7DD
Ice Cap Green
- E0D5F8
≈ Japan Blush
- F5D5BB
≈ Miami Stucco
Bổ túc chia +150° +210°
- B9E7DD
Ice Cap Green
- F0D0EB
≈ Poodle Pink
- FBD0C8
≈ Snow Pa
Bộ bốn +90° +180° +270°
- B9E7DD
Ice Cap Green
- CFDBFD
≈ Icy Plains
- F9CFDA
≈ April Blush
- E8DBB7
≈ Cinnamon Milk
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.35:1 · APCA Lc 17
Ag
AAATrên nền đen
WCAG 15.53:1 · APCA Lc 86
Màu chữ tốt nhất: #000000
WCAG 15.53:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
CSS
:root {
--ice-cap-green: #b9e7dd;
--ice-cap-green-rgb: 185 231 221;
--ice-cap-green-oklch: oklch(0.893 0.049 180.4);
}
.element {
color: var(--ice-cap-green);
background-color: hsl(167 49% 82%);
border-color: oklch(0.893 0.049 180.4);
}Tailwind CSS v4
@theme {
--color-ice-cap-green: #b9e7dd;
--color-ice-cap-green-50: #e7faf6;
--color-ice-cap-green-100: #d7eee9;
--color-ice-cap-green-200: #bedcd6;
--color-ice-cap-green-300: #9cc0b9;
--color-ice-cap-green-400: #7fa8a0;
--color-ice-cap-green-500: #619188;
--color-ice-cap-green-600: #537b73;
--color-ice-cap-green-700: #42625c;
--color-ice-cap-green-800: #2f4842;
--color-ice-cap-green-900: #20322e;
--color-ice-cap-green-950: #0f1e1b;
}SCSS
$ice-cap-green: #b9e7dd;
$ice-cap-green-rgb: 185, 231, 221;
$ice-cap-green-light: mix(#fff, $ice-cap-green, 20%);
$ice-cap-green-dark: mix(#000, $ice-cap-green, 20%);
.element {
color: $ice-cap-green;
box-shadow: 0 0 0 2px rgba($ice-cap-green, 0.35);
}