En yakın adlandırılmış renk · #BED7D0
#BED7D0
En yakın adlandırılmış renk: Aquatic Edge
#BED7D0 (rgb(190 215 208), hsl(163 24% 79%), oklch(0.859 0.028 176.9)) 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.
#BED7D0
oklch(0.859 0.028 176.9)
Renk dönüşümleri
- HEX
- #bed7d0
- RGB
- rgb(190 215 208)
- HSL
- hsl(163 24% 79%)
- HWB
- hwb(163 75% 16%)
- OKLCH
- oklch(0.859 0.028 176.9)
- OKLab
- oklab(0.859 -0.028 0.002)
- CIE Lab
- lab(83.96 -9.66 0.49)
- LCH
- lch(83.96 9.68 177.1)
- CMYK
- cmyk(12% 0% 3% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C4DBD5
- CBDFD9
- D1E3DE
- D8E7E3
- DEEBE7
- E5EFEC
- EBF3F1
- F2F7F5
- F8FBFA
Koyu tonlar
- A5BBB5
- 8C9F9A
- 758580
- 5E6B67
- 48524F
- 333B39
- 1F2523
- 0D1110
- 020202
Gri tonlar
- B8CEC8
- B1C5BF
- ABBCB7
- A5B3AF
- 9FABA7
- 98A29F
- 929997
- 8C918F
- 868888
Renk uyumları
Tamamlayıcı +180°
- BED7D0
Aquatic Edge
- E1C9D1
≈ Sweet and Sassy
Analog -30° +30°
- BED7D0
Aquatic Edge
- C5D6C6
≈ New Moss
- BCD6DA
≈ Light Sky Chase
Üçlü +120° +240°
- BED7D0
Aquatic Edge
- D2CDE1
≈ Potentially Purple
- E0CCBF
≈ Belle of the Ball
Bölünmüş tamamlayıcı +150° +210°
- BED7D0
Aquatic Edge
- DBCADA
≈ Creamy Mauve
- E3CAC7
≈ Satin Teddy
Dörtlü +90° +180° +270°
- BED7D0
Aquatic Edge
- C8D0E4
≈ Love Crystal
- E1C9D1
≈ Sweet and Sassy
- D9D0BC
≈ Pebblebrook
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.51:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.82:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.82:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--aquatic-edge: #bed7d0;
--aquatic-edge-rgb: 190 215 208;
--aquatic-edge-oklch: oklch(0.859 0.028 176.9);
}
.element {
color: var(--aquatic-edge);
background-color: hsl(163 24% 79%);
border-color: oklch(0.859 0.028 176.9);
}Tailwind CSS v4
@theme {
--color-aquatic-edge: #bed7d0;
--color-aquatic-edge-50: #edf8f5;
--color-aquatic-edge-100: #deebe8;
--color-aquatic-edge-200: #c8d8d4;
--color-aquatic-edge-300: #a9bcb7;
--color-aquatic-edge-400: #8ea49e;
--color-aquatic-edge-500: #738d86;
--color-aquatic-edge-600: #617771;
--color-aquatic-edge-700: #4e5f5a;
--color-aquatic-edge-800: #384642;
--color-aquatic-edge-900: #27302d;
--color-aquatic-edge-950: #151c1a;
}SCSS
$aquatic-edge: #bed7d0;
$aquatic-edge-rgb: 190, 215, 208;
$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);
}