En yakın adlandırılmış renk · #B0D5B7
#B0D5B7
En yakın adlandırılmış renk: Frosted Fir
#B0D5B7 (rgb(176 213 183), hsl(131 31% 76%), oklch(0.838 0.057 150.6)) 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.
#B0D5B7
oklch(0.838 0.057 150.6)
Renk dönüşümleri
- HEX
- #b0d5b7
- RGB
- rgb(176 213 183)
- HSL
- hsl(131 31% 76%)
- HWB
- hwb(131 69% 16%)
- OKLCH
- oklch(0.838 0.057 150.6)
- OKLab
- oklab(0.838 -0.05 0.028)
- CIE Lab
- lab(81.96 -17.02 10.65)
- LCH
- lch(81.96 20.08 148)
- CMYK
- cmyk(17% 0% 14% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B8D9BE
- C0DDC5
- C8E2CC
- D0E6D3
- D7EADB
- DFEEE2
- E7F2E9
- EFF7F0
- F7FBF8
Koyu tonlar
- 99B99F
- 829E87
- 6C8370
- 566A5A
- 425145
- 2E3A31
- 1C241E
- 0B100C
- 010202
Gri tonlar
- ABCCB1
- A6C3AC
- A2BBA6
- 9DB2A1
- 98AA9B
- 93A196
- 8E9990
- 8A908B
- 858885
Renk uyumları
Tamamlayıcı +180°
- B0D5B7
Frosted Fir
- E0BDDB
≈ Designer Pink
Analog -30° +30°
- B0D5B7
Frosted Fir
- C4D0A7
≈ Landscape
- A2D7CC
≈ Yucca Cream
Üçlü +120° +240°
- B0D5B7
Frosted Fir
- BCC9F0
≈ Cuddle
- EDBDB4
≈ Sweet Sherry
Bölünmüş tamamlayıcı +150° +210°
- B0D5B7
Frosted Fir
- D0C2EA
≈ York Plum
- EBBBC8
≈ Madder Rose
Dörtlü +90° +180° +270°
- B0D5B7
Frosted Fir
- A9D0EC
≈ Marzena Dream
- E0BDDB
≈ Designer Pink
- E6C2A5
≈ Fabulous Fawn
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.60:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.04:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.04:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--frosted-fir: #b0d5b7;
--frosted-fir-rgb: 176 213 183;
--frosted-fir-oklch: oklch(0.838 0.057 150.6);
}
.element {
color: var(--frosted-fir);
background-color: hsl(131 31% 76%);
border-color: oklch(0.838 0.057 150.6);
}Tailwind CSS v4
@theme {
--color-frosted-fir: #b0d5b7;
--color-frosted-fir-50: #eafaed;
--color-frosted-fir-100: #daeedf;
--color-frosted-fir-200: #c3dcc9;
--color-frosted-fir-300: #a2c0aa;
--color-frosted-fir-400: #87a88d;
--color-frosted-fir-500: #6b9173;
--color-frosted-fir-600: #5b7b61;
--color-frosted-fir-700: #48624e;
--color-frosted-fir-800: #354837;
--color-frosted-fir-900: #243226;
--color-frosted-fir-950: #131e14;
}SCSS
$frosted-fir: #b0d5b7;
$frosted-fir-rgb: 176, 213, 183;
$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);
}