En yakın adlandırılmış renk · #B6DAC6
#B6DAC6
En yakın adlandırılmış renk: Frosted Fir
#B6DAC6 (rgb(182 218 198), hsl(147 33% 78%), oklch(0.857 0.047 160.9)) en çok Frosted Fir 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.
#B6DAC6
oklch(0.857 0.047 160.9)
Renk dönüşümleri
- HEX
- #b6dac6
- RGB
- rgb(182 218 198)
- HSL
- hsl(147 33% 78%)
- HWB
- hwb(147 71% 15%)
- OKLCH
- oklch(0.857 0.047 160.9)
- OKLab
- oklab(0.857 -0.044 0.015)
- CIE Lab
- lab(84.01 -15.23 5.73)
- LCH
- lch(84.01 16.27 159.4)
- CMYK
- cmyk(17% 0% 9% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BDDECC
- C5E1D1
- CCE5D7
- D3E9DD
- DBECE2
- E2F0E8
- E9F4EE
- F0F8F3
- F8FBF9
Koyu tonlar
- 9EBDAC
- 86A292
- 6F877A
- 596C62
- 44544B
- 303C35
- 1D2521
- 0C110E
- 020202
Gri tonlar
- B1D1BF
- ABC7B8
- A6BEB0
- A0B5A9
- 9BACA2
- 96A39B
- 909A94
- 8B918E
- 858987
Renk uyumları
Tamamlayıcı +180°
- B6DAC6
Frosted Fir
- E6C4D9
≈ Dreamy Memory
Analog -30° +30°
- B6DAC6
Frosted Fir
- C5D7B7
≈ Spice Garden
- ADDAD7
≈ Rivers Edge
Üçlü +120° +240°
- B6DAC6
Frosted Fir
- CACDEF
≈ Miami White
- ECC6B9
≈ Spiced Orange
Bölünmüş tamamlayıcı +150° +210°
- B6DAC6
Frosted Fir
- DAC8E7
≈ Foggy Love
- EDC4C8
≈ Berry Good
Dörtlü +90° +180° +270°
- B6DAC6
Frosted Fir
- BAD3EE
≈ Summer Birthday
- E6C4D9
≈ Dreamy Memory
- E4CBAF
≈ Jacobean Lace
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.51:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.83:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.83:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--frosted-fir: #b6dac6;
--frosted-fir-rgb: 182 218 198;
--frosted-fir-oklch: oklch(0.857 0.047 160.9);
}
.element {
color: var(--frosted-fir);
background-color: hsl(147 33% 78%);
border-color: oklch(0.857 0.047 160.9);
}Tailwind CSS v4
@theme {
--color-frosted-fir: #b6dac6;
--color-frosted-fir-50: #eafaf1;
--color-frosted-fir-100: #dbede3;
--color-frosted-fir-200: #c3dbce;
--color-frosted-fir-300: #a3bfb0;
--color-frosted-fir-400: #87a795;
--color-frosted-fir-500: #6b907c;
--color-frosted-fir-600: #5b7a69;
--color-frosted-fir-700: #486254;
--color-frosted-fir-800: #35483c;
--color-frosted-fir-900: #24322a;
--color-frosted-fir-950: #131e17;
}SCSS
$frosted-fir: #b6dac6;
$frosted-fir-rgb: 182, 218, 198;
$frosted-fir-light: mix(#fff, $frosted-fir, 20%);
$frosted-fir-dark: mix(#000, $frosted-fir, 20%);
.element {
color: $frosted-fir;
box-shadow: 0 0 0 2px rgba($frosted-fir, 0.35);
}