Color con nombre · #BDF8A3
Reindeer Moss
Reindeer Moss es #BDF8A3: rgb(189 248 163), hsl(102 86% 81%), oklch(0.919 0.127 136.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Reindeer Moss color name →
#BDF8A3
oklch(0.919 0.127 136.5)
Conversiones de color
- HEX
- #bdf8a3
- RGB
- rgb(189 248 163)
- HSL
- hsl(102 86% 81%)
- HWB
- hwb(102 64% 3%)
- OKLCH
- oklch(0.919 0.127 136.5)
- OKLab
- oklab(0.919 -0.092 0.087)
- CIE Lab
- lab(92.06 -30.57 34.65)
- LCH
- lch(92.06 46.21 131.4)
- CMYK
- cmyk(24% 0% 34% 3%)
Tintes · Sombras · Tonos
Tintes
- C4F9AD
- CBFAB6
- D1FBC0
- D8FBC9
- DFFCD2
- E5FDDB
- ECFDE4
- F2FEED
- F9FFF6
Sombras
- A4D88D
- 8CB878
- 749A63
- 5D7C4F
- 47603C
- 33452A
- 1F2C19
- 0D150A
- 020301
Tonos
- B7ECA0
- B1DF9D
- ABD39A
- A5C796
- 9FBB93
- 99AF8F
- 93A38C
- 8C9788
- 868C84
Armonías de color
Complementario +180°
- BDF8A3
Reindeer Moss
- F4D9FF
≈ Lavender Savour
Análogo -30° +30°
- BDF8A3
Reindeer Moss
- EEEA82
≈ Elfin Yellow
- 8AFFD2
≈ A State of Mint
Triádico +120° +240°
- BDF8A3
Reindeer Moss
- D4E6FF
≈ Veiling Waterfalls
- FFDADA
≈ Cottagecore Sunset
Complementario dividido +150° +210°
- BDF8A3
Reindeer Moss
- E1E1FF
≈ Stoic White
- FFD7EB
≈ Pink Currant
Tetrádico +90° +180° +270°
- BDF8A3
Reindeer Moss
- C1ECFF
≈ Blue Java Banana
- F4D9FF
≈ Lavender Savour
- FFDCCB
≈ Glazed Sugar
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.22:1 · APCA Lc 11
Ag
AAASobre negro
WCAG 17.11:1 · APCA Lc 93
Mejor color de texto: #000000
WCAG 17.11:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmentos de código
CSS
:root {
--reindeer-moss: #bdf8a3;
--reindeer-moss-rgb: 189 248 163;
--reindeer-moss-oklch: oklch(0.919 0.127 136.5);
}
.element {
color: var(--reindeer-moss);
background-color: hsl(102 86% 81%);
border-color: oklch(0.919 0.127 136.5);
}Tailwind CSS v4
@theme {
--color-reindeer-moss: #bdf8a3;
--color-reindeer-moss-50: #e4ffdc;
--color-reindeer-moss-100: #d3f3ca;
--color-reindeer-moss-200: #bae2ad;
--color-reindeer-moss-300: #97c788;
--color-reindeer-moss-400: #7bb063;
--color-reindeer-moss-500: #5c993e;
--color-reindeer-moss-600: #4f8136;
--color-reindeer-moss-700: #3f672a;
--color-reindeer-moss-800: #2f4c1b;
--color-reindeer-moss-900: #203512;
--color-reindeer-moss-950: #0f2004;
}SCSS
$reindeer-moss: #bdf8a3;
$reindeer-moss-rgb: 189, 248, 163;
$reindeer-moss-light: mix(#fff, $reindeer-moss, 20%);
$reindeer-moss-dark: mix(#000, $reindeer-moss, 20%);
.element {
color: $reindeer-moss;
box-shadow: 0 0 0 2px rgba($reindeer-moss, 0.35);
}