Nazwany kolor · #BFE4D4
Beru
Beru to #BFE4D4: rgb(191 228 212), hsl(154 41% 82%), oklch(0.888 0.044 167.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Beru color name →
#BFE4D4
oklch(0.888 0.044 167.3)
Konwersje koloru
- HEX
- #bfe4d4
- RGB
- rgb(191 228 212)
- HSL
- hsl(154 41% 82%)
- HWB
- hwb(154 75% 11%)
- OKLCH
- oklch(0.888 0.044 167.3)
- OKLab
- oklab(0.888 -0.043 0.01)
- CIE Lab
- lab(87.58 -14.88 3.59)
- LCH
- lch(87.58 15.31 166.4)
- CMYK
- cmyk(16% 0% 7% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C5E7D8
- CCE9DC
- D2ECE1
- D9EFE5
- DFF2E9
- E6F4EE
- ECF7F2
- F2FAF6
- F9FCFB
Odcienie ciemniejsze
- A6C6B8
- 8DA99D
- 758D83
- 5E7269
- 485851
- 333F3A
- 1F2824
- 0D1210
- 020302
Tony
- B9DACB
- B2CFC3
- ACC5BA
- A6BBB1
- 9FB1A9
- 99A7A1
- 939D98
- 8D9390
- 868A88
Harmonie kolorów
Komplementarna +180°
- BFE4D4
Beru
- F1CFE0
≈ Minimal Rose
Analogowa -30° +30°
- BFE4D4
Beru
- CDE1C5
≈ Soft Moss
- B9E4E4
≈ Seascape Green
Triada +120° +240°
- BFE4D4
Beru
- D7D6F7
≈ Japan Blush
- F4D2C1
≈ Sand Island
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.37:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.26:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.26:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--beru: #bfe4d4;
--beru-rgb: 191 228 212;
--beru-oklch: oklch(0.888 0.044 167.3);
}
.element {
color: var(--beru);
background-color: hsl(154 41% 82%);
border-color: oklch(0.888 0.044 167.3);
}Tailwind CSS v4
@theme {
--color-beru: #bfe4d4;
--color-beru-50: #eafaf3;
--color-beru-100: #daede5;
--color-beru-200: #c3dbd1;
--color-beru-300: #a2bfb4;
--color-beru-400: #86a799;
--color-beru-500: #6a9080;
--color-beru-600: #5a7a6c;
--color-beru-700: #486157;
--color-beru-800: #34473f;
--color-beru-900: #23312b;
--color-beru-950: #121d18;
}SCSS
$beru: #bfe4d4;
$beru-rgb: 191, 228, 212;
$beru-light: mix(#fff, $beru, 20%);
$beru-dark: mix(#000, $beru, 20%);
.element {
color: $beru;
box-shadow: 0 0 0 2px rgba($beru, 0.35);
}