Colore con nome più vicino · #BDC893
#BDC893
Colore con nome più vicino: Seedling
#BDC893 (rgb(189 200 147), hsl(72 33% 68%), oklch(0.811 0.072 117.6)) è più vicino al colore con nome Seedling. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#BDC893
oklch(0.811 0.072 117.6)
Conversioni di colore
- HEX
- #bdc893
- RGB
- rgb(189 200 147)
- HSL
- hsl(72 33% 68%)
- HWB
- hwb(72 58% 22%)
- OKLCH
- oklch(0.811 0.072 117.6)
- OKLab
- oklab(0.811 -0.033 0.064)
- CIE Lab
- lab(78.75 -10.47 25.29)
- LCH
- lch(78.75 27.37 112.5)
- CMYK
- cmyk(5% 0% 27% 22%)
Tinte · Ombre · Toni
Tinte
- C3CD9E
- CAD3A9
- D0D8B3
- D7DEBE
- DDE3C9
- E4E9D4
- EBEEDE
- F1F4E9
- F8F9F4
Ombre
- A4AE7F
- 8C946C
- 747B59
- 5D6347
- 474C36
- 333625
- 1F2116
- 0D0F08
- 020201
Toni
- B7C191
- B0B990
- AAB28E
- A4AB8C
- 9EA38A
- 989C88
- 929586
- 8C8E84
- 868782
Armonie di colore
Complementare +180°
- BDC893
Seedling
- C6B8EB
≈ Connecticut Lilac
Analogo -30° +30°
- BDC893
Seedling
- D5BF8C
≈ Honey Tea
- A3CFA7
≈ Fescue
Triadico +120° +240°
- BDC893
Seedling
- 95C9EB
≈ Pacific Ocean
- E9AEC1
≈ Kawaii
Complementare divisa +150° +210°
- BDC893
Seedling
- ADC0F1
≈ Sky High
- DBB1D9
≈ Blushing Sky
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.77:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.84:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.84:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--seedling: #bdc893;
--seedling-rgb: 189 200 147;
--seedling-oklch: oklch(0.811 0.072 117.6);
}
.element {
color: var(--seedling);
background-color: hsl(72 33% 68%);
border-color: oklch(0.811 0.072 117.6);
}Tailwind CSS v4
@theme {
--color-seedling: #bdc893;
--color-seedling-50: #f2f9e2;
--color-seedling-100: #e5ecd1;
--color-seedling-200: #d0d9b7;
--color-seedling-300: #b3bd94;
--color-seedling-400: #9ba574;
--color-seedling-500: #828d55;
--color-seedling-600: #6e7748;
--color-seedling-700: #585f39;
--color-seedling-800: #414628;
--color-seedling-900: #2d301b;
--color-seedling-950: #1a1c0b;
}SCSS
$seedling: #bdc893;
$seedling-rgb: 189, 200, 147;
$seedling-light: mix(#fff, $seedling, 20%);
$seedling-dark: mix(#000, $seedling, 20%);
.element {
color: $seedling;
box-shadow: 0 0 0 2px rgba($seedling, 0.35);
}