色名 · #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);
}