Màu có tên · #BFD6D1
Aquatic Edge
Aquatic Edge là #BFD6D1: rgb(191 214 209), hsl(167 22% 79%), oklch(0.858 0.026 181.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 Gray mean? → · Aquatic Edge color name →
#BFD6D1
oklch(0.858 0.026 181.2)
Chuyển đổi màu
- HEX
- #bfd6d1
- RGB
- rgb(191 214 209)
- HSL
- hsl(167 22% 79%)
- HWB
- hwb(167 75% 16%)
- OKLCH
- oklch(0.858 0.026 181.2)
- OKLab
- oklab(0.858 -0.026 -0.001)
- CIE Lab
- lab(83.79 -8.7 -0.28)
- LCH
- lch(83.79 8.7 181.8)
- CMYK
- cmyk(11% 0% 2% 16%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C5DAD6
- CCDEDA
- D2E2DF
- D8E6E3
- DFEAE8
- E5EEEC
- ECF3F1
- F2F7F6
- F9FBFA
Sắc đậm
- A6BAB5
- 8D9E9B
- 758481
- 5E6A68
- 485250
- 333B39
- 1F2523
- 0D1010
- 020202
Sắc xám
- B9CDC9
- B2C4C0
- ACBBB8
- A5B3B0
- 9FAAA8
- 99A1A0
- 939998
- 8C9190
- 868888
Hòa sắc
Bổ túc +180°
- BFD6D1
Aquatic Edge
- E0CACF
≈ Mega Metal Mecha
Tương đồng -30° +30°
- BFD6D1
Aquatic Edge
- C5D5C8
≈ Slow Green
- BED5DA
≈ Wind Speed
Bộ ba +120° +240°
- BFD6D1
Aquatic Edge
- D3CDDF
≈ Potentially Purple
- DDCDC0
≈ Stonewashed Brown
Bổ túc chia +150° +210°
- BFD6D1
Aquatic Edge
- DBCAD8
≈ Creamy Mauve
- E0CAC6
≈ Pink Water
Bộ bốn +90° +180° +270°
- BFD6D1
Aquatic Edge
- CAD0E2
≈ Wildflower Prairie
- E0CACF
≈ Mega Metal Mecha
- D6D0BE
≈ Grecian Ivory
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.52:1 · APCA Lc 24
Ag
AAATrên nền đen
WCAG 13.75:1 · APCA Lc 79
Màu chữ tốt nhất: #000000
WCAG 13.75:1 (AAA) · APCA Lc 79
Contrast pairs
Đoạn mã
CSS
:root {
--aquatic-edge: #bfd6d1;
--aquatic-edge-rgb: 191 214 209;
--aquatic-edge-oklch: oklch(0.858 0.026 181.2);
}
.element {
color: var(--aquatic-edge);
background-color: hsl(167 22% 79%);
border-color: oklch(0.858 0.026 181.2);
}Tailwind CSS v4
@theme {
--color-aquatic-edge: #bfd6d1;
--color-aquatic-edge-50: #eef8f6;
--color-aquatic-edge-100: #dfebe9;
--color-aquatic-edge-200: #c9d8d5;
--color-aquatic-edge-300: #aabcb8;
--color-aquatic-edge-400: #8fa49f;
--color-aquatic-edge-500: #748c87;
--color-aquatic-edge-600: #637672;
--color-aquatic-edge-700: #4f5f5b;
--color-aquatic-edge-800: #394542;
--color-aquatic-edge-900: #27302e;
--color-aquatic-edge-950: #151c1b;
}SCSS
$aquatic-edge: #bfd6d1;
$aquatic-edge-rgb: 191, 214, 209;
$aquatic-edge-light: mix(#fff, $aquatic-edge, 20%);
$aquatic-edge-dark: mix(#000, $aquatic-edge, 20%);
.element {
color: $aquatic-edge;
box-shadow: 0 0 0 2px rgba($aquatic-edge, 0.35);
}