Najbliższy nazwany kolor · #BDC893
#BDC893
Najbliższy nazwany kolor: Seedling
#BDC893 (rgb(189 200 147), hsl(72 33% 68%), oklch(0.811 0.072 117.6)) jest najbliższy nazwanemu kolorowi Seedling. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#BDC893
oklch(0.811 0.072 117.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C3CD9E
- CAD3A9
- D0D8B3
- D7DEBE
- DDE3C9
- E4E9D4
- EBEEDE
- F1F4E9
- F8F9F4
Odcienie ciemniejsze
- A4AE7F
- 8C946C
- 747B59
- 5D6347
- 474C36
- 333625
- 1F2116
- 0D0F08
- 020201
Tony
- B7C191
- B0B990
- AAB28E
- A4AB8C
- 9EA38A
- 989C88
- 929586
- 8C8E84
- 868782
Harmonie kolorów
Komplementarna +180°
- BDC893
Seedling
- C6B8EB
≈ Connecticut Lilac
Analogowa -30° +30°
- BDC893
Seedling
- D5BF8C
≈ Honey Tea
- A3CFA7
≈ Fescue
Triada +120° +240°
- BDC893
Seedling
- 95C9EB
≈ Pacific Ocean
- E9AEC1
≈ Kawaii
Komplementarna rozszczepiona +150° +210°
- BDC893
Seedling
- ADC0F1
≈ Sky High
- DBB1D9
≈ Blushing Sky
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.77:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.84:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.84:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
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);
}