Nazwany kolor · #BDD5B1
Golden Elm
Golden Elm to #BDD5B1: rgb(189 213 177), hsl(100 30% 76%), oklch(0.846 0.055 135.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Golden Elm color name →
#BDD5B1
oklch(0.846 0.055 135.2)
Konwersje koloru
- HEX
- #bdd5b1
- RGB
- rgb(189 213 177)
- HSL
- hsl(100 30% 76%)
- HWB
- hwb(100 69% 16%)
- OKLCH
- oklch(0.846 0.055 135.2)
- OKLab
- oklab(0.846 -0.039 0.039)
- CIE Lab
- lab(82.75 -13.23 15.04)
- LCH
- lch(82.75 20.03 131.3)
- CMYK
- cmyk(11% 0% 17% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C3D9B9
- CADDC0
- D1E2C8
- D7E6D0
- DEEAD8
- E4EEE0
- EBF2E7
- F2F7EF
- F8FBF7
Odcienie ciemniejsze
- A4B999
- 8C9E83
- 74836C
- 5D6A57
- 475142
- 333A2F
- 1F241C
- 0D100C
- 020201
Tony
- B7CCAC
- B1C3A7
- AABBA2
- A4B29D
- 9EAA98
- 98A194
- 92998F
- 8C908A
- 868885
Harmonie kolorów
Komplementarna +180°
- BDD5B1
Golden Elm
- DAC2E6
≈ Glittering Gemstone
Analogowa -30° +30°
- BDD5B1
Golden Elm
- D1CFA5
≈ Heart of Palm
- ABD8C3
≈ Mint Gala
Triada +120° +240°
- BDD5B1
Golden Elm
- B5CFF1
≈ Frost Fairy
- EEBEC1
≈ Blush Rush
Komplementarna rozszczepiona +150° +210°
- BDD5B1
Golden Elm
- C8C8F0
≈ Soap
- E8BED4
≈ Cherry Cordial
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.57:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.31:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.31:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--golden-elm: #bdd5b1;
--golden-elm-rgb: 189 213 177;
--golden-elm-oklch: oklch(0.846 0.055 135.2);
}
.element {
color: var(--golden-elm);
background-color: hsl(100 30% 76%);
border-color: oklch(0.846 0.055 135.2);
}Tailwind CSS v4
@theme {
--color-golden-elm: #bdd5b1;
--color-golden-elm-50: #eef9ea;
--color-golden-elm-100: #dfeddb;
--color-golden-elm-200: #c9dac3;
--color-golden-elm-300: #aabea3;
--color-golden-elm-400: #90a686;
--color-golden-elm-500: #768f6a;
--color-golden-elm-600: #64795a;
--color-golden-elm-700: #506148;
--color-golden-elm-800: #3b4733;
--color-golden-elm-900: #283123;
--color-golden-elm-950: #161d12;
}SCSS
$golden-elm: #bdd5b1;
$golden-elm-rgb: 189, 213, 177;
$golden-elm-light: mix(#fff, $golden-elm, 20%);
$golden-elm-dark: mix(#000, $golden-elm, 20%);
.element {
color: $golden-elm;
box-shadow: 0 0 0 2px rgba($golden-elm, 0.35);
}