Adlandırılmış renk · #BFD6D1
Aquatic Edge
Aquatic Edge, #BFD6D1: rgb(191 214 209), hsl(167 22% 79%), oklch(0.858 0.026 181.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Aquatic Edge color name →
#BFD6D1
oklch(0.858 0.026 181.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C5DAD6
- CCDEDA
- D2E2DF
- D8E6E3
- DFEAE8
- E5EEEC
- ECF3F1
- F2F7F6
- F9FBFA
Koyu tonlar
- A6BAB5
- 8D9E9B
- 758481
- 5E6A68
- 485250
- 333B39
- 1F2523
- 0D1010
- 020202
Gri tonlar
- B9CDC9
- B2C4C0
- ACBBB8
- A5B3B0
- 9FAAA8
- 99A1A0
- 939998
- 8C9190
- 868888
Renk uyumları
Tamamlayıcı +180°
- BFD6D1
Aquatic Edge
- E0CACF
≈ Mega Metal Mecha
Analog -30° +30°
- BFD6D1
Aquatic Edge
- C5D5C8
≈ Slow Green
- BED5DA
≈ Wind Speed
Üçlü +120° +240°
- BFD6D1
Aquatic Edge
- D3CDDF
≈ Potentially Purple
- DDCDC0
≈ Stonewashed Brown
Bölünmüş tamamlayıcı +150° +210°
- BFD6D1
Aquatic Edge
- DBCAD8
≈ Creamy Mauve
- E0CAC6
≈ Pink Water
Dörtlü +90° +180° +270°
- BFD6D1
Aquatic Edge
- CAD0E2
≈ Wildflower Prairie
- E0CACF
≈ Mega Metal Mecha
- D6D0BE
≈ Grecian Ivory
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.52:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.75:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.75:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
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);
}