Colore con nome · #BAD56B
Rebounder
Rebounder è #BAD56B: rgb(186 213 107), hsl(75 56% 63%), oklch(0.83 0.136 121.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Rebounder color name →
#BAD56B
oklch(0.83 0.136 121.2)
Conversioni di colore
- HEX
- #bad56b
- RGB
- rgb(186 213 107)
- HSL
- hsl(75 56% 63%)
- HWB
- hwb(75 42% 16%)
- OKLCH
- oklch(0.83 0.136 121.2)
- OKLab
- oklab(0.83 -0.071 0.116)
- CIE Lab
- lab(81.57 -21.2 48.64)
- LCH
- lch(81.57 53.06 113.6)
- CMYK
- cmyk(13% 0% 50% 16%)
Tinte · Ombre · Toni
Tinte
- C1D97C
- C7DE8C
- CEE29B
- D5E6AA
- DCEBB8
- E3EFC7
- EAF3D5
- F1F7E3
- F8FBF1
Ombre
- A1B95C
- 899E4E
- 72833F
- 5C6A32
- 465125
- 323A18
- 1E240D
- 0D1004
- 020200
Toni
- B4CC6F
- AEC473
- A8BB76
- A2B378
- 9CAA7A
- 97A27C
- 91997D
- 8B917F
- 86887F
Armonie di colore
Complementare +180°
- BAD56B
Rebounder
- D3B8FF
≈ Light Violet
Analogo -30° +30°
- BAD56B
Rebounder
- E8C453
≈ Chicco d’Oro
- 7FE19A
≈ Aurora Green
Triadico +120° +240°
- BAD56B
Rebounder
- 8FD0FF
≈ Long Island Sound
- FFACC3
≈ Baby’s Blanket
Complementare divisa +150° +210°
- BAD56B
Rebounder
- B3C5FF
≈ Light Periwinkle
- FAA6F0
≈ Pink Wink
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.63:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.81:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.81:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--rebounder: #bad56b;
--rebounder-rgb: 186 213 107;
--rebounder-oklch: oklch(0.83 0.136 121.2);
}
.element {
color: var(--rebounder);
background-color: hsl(75 56% 63%);
border-color: oklch(0.83 0.136 121.2);
}Tailwind CSS v4
@theme {
--color-rebounder: #bad56b;
--color-rebounder-50: #edfcd2;
--color-rebounder-100: #dff0be;
--color-rebounder-200: #c9de9e;
--color-rebounder-300: #aac373;
--color-rebounder-400: #92aa47;
--color-rebounder-500: #799300;
--color-rebounder-600: #667c09;
--color-rebounder-700: #526309;
--color-rebounder-800: #3d4802;
--color-rebounder-900: #2a3202;
--color-rebounder-950: #181e00;
}SCSS
$rebounder: #bad56b;
$rebounder-rgb: 186, 213, 107;
$rebounder-light: mix(#fff, $rebounder, 20%);
$rebounder-dark: mix(#000, $rebounder, 20%);
.element {
color: $rebounder;
box-shadow: 0 0 0 2px rgba($rebounder, 0.35);
}