이름 색상 · #BDD5B1
Golden Elm
Golden Elm은(는) #BDD5B1: rgb(189 213 177), hsl(100 30% 76%), oklch(0.846 0.055 135.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Golden Elm color name →
#BDD5B1
oklch(0.846 0.055 135.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- C3D9B9
- CADDC0
- D1E2C8
- D7E6D0
- DEEAD8
- E4EEE0
- EBF2E7
- F2F7EF
- F8FBF7
셰이드
- A4B999
- 8C9E83
- 74836C
- 5D6A57
- 475142
- 333A2F
- 1F241C
- 0D100C
- 020201
톤
- B7CCAC
- B1C3A7
- AABBA2
- A4B29D
- 9EAA98
- 98A194
- 92998F
- 8C908A
- 868885
색 조화
보색 +180°
- BDD5B1
Golden Elm
- DAC2E6
≈ Glittering Gemstone
유사색 -30° +30°
- BDD5B1
Golden Elm
- D1CFA5
≈ Heart of Palm
- ABD8C3
≈ Mint Gala
삼각 배색 +120° +240°
- BDD5B1
Golden Elm
- B5CFF1
≈ Frost Fairy
- EEBEC1
≈ Blush Rush
분열 보색 +150° +210°
- BDD5B1
Golden Elm
- C8C8F0
≈ Soap
- E8BED4
≈ Cherry Cordial
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.57:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.31:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.31:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
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);
}