En yakın adlandırılmış renk · #BDCFC8
#BDCFC8
En yakın adlandırılmış renk: Aquatic Edge
#BDCFC8 (rgb(189 207 200), hsl(157 16% 78%), oklch(0.839 0.022 170.5)) en çok Aquatic Edge adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#BDCFC8
oklch(0.839 0.022 170.5)
Renk dönüşümleri
- HEX
- #bdcfc8
- RGB
- rgb(189 207 200)
- HSL
- hsl(157 16% 78%)
- HWB
- hwb(157 74% 19%)
- OKLCH
- oklch(0.839 0.022 170.5)
- OKLab
- oklab(0.839 -0.021 0.004)
- CIE Lab
- lab(81.6 -7.31 1.3)
- LCH
- lch(81.6 7.42 169.9)
- CMYK
- cmyk(9% 0% 3% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C3D4CD
- CAD8D3
- D1DDD8
- D7E2DE
- DEE7E3
- E4ECE9
- EBF0EE
- F2F5F4
- F8FAF9
Koyu tonlar
- A4B4AE
- 8C9994
- 747F7B
- 5D6763
- 474F4C
- 333836
- 1F2321
- 0D100F
- 020202
Gri tonlar
- B7C7C1
- B1BFB9
- AAB7B2
- A4AFAB
- 9EA7A3
- 989F9C
- 929795
- 8C8F8E
- 868887
Renk uyumları
Tamamlayıcı +180°
- BDCFC8
Aquatic Edge
- D6C5CC
≈ Odyssey Lilac
Analog -30° +30°
- BDCFC8
Aquatic Edge
- C3CEC1
≈ Green Lily
- BBCFD0
≈ Detroit
Üçlü +120° +240°
- BDCFC8
Aquatic Edge
- CAC8D8
≈ Magic Scent
- D7C6BE
≈ Perk Up
Bölünmüş tamamlayıcı +150° +210°
- BDCFC8
Aquatic Edge
- D1C6D3
≈ Enchant
- D8C5C4
≈ Just Gorgeous
Dörtlü +90° +180° +270°
- BDCFC8
Aquatic Edge
- C2CBD9
≈ Icy Brook
- D6C5CC
≈ Odyssey Lilac
- D2C9BB
≈ Manuscript
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.62:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 12.92:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 12.92:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--aquatic-edge: #bdcfc8;
--aquatic-edge-rgb: 189 207 200;
--aquatic-edge-oklch: oklch(0.839 0.022 170.5);
}
.element {
color: var(--aquatic-edge);
background-color: hsl(157 16% 78%);
border-color: oklch(0.839 0.022 170.5);
}Tailwind CSS v4
@theme {
--color-aquatic-edge: #bdcfc8;
--color-aquatic-edge-50: #eff7f4;
--color-aquatic-edge-100: #e1eae7;
--color-aquatic-edge-200: #cbd7d3;
--color-aquatic-edge-300: #adbbb6;
--color-aquatic-edge-400: #92a39c;
--color-aquatic-edge-500: #798b84;
--color-aquatic-edge-600: #667670;
--color-aquatic-edge-700: #525e59;
--color-aquatic-edge-800: #3b4541;
--color-aquatic-edge-900: #29302d;
--color-aquatic-edge-950: #171c1a;
}SCSS
$aquatic-edge: #bdcfc8;
$aquatic-edge-rgb: 189, 207, 200;
$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);
}