色名 · #BDC07E
Pine Glade
Pine Gladeは#BDC07E：rgb(189 192 126)、hsl(63 34% 62%)、oklch(0.79 0.087 110.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Pine Glade color name →
#BDC07E
oklch(0.79 0.087 110.4)
カラー変換
- HEX
- #bdc07e
- RGB
- rgb(189 192 126)
- HSL
- hsl(63 34% 62%)
- HWB
- hwb(63 49% 25%)
- OKLCH
- oklch(0.79 0.087 110.4)
- OKLab
- oklab(0.79 -0.03 0.081)
- CIE Lab
- lab(76.3 -8.65 32.95)
- LCH
- lch(76.3 34.06 104.7)
- CMYK
- cmyk(2% 0% 34% 25%)
ティント · シェード · トーン
ティント
- C3C68B
- CACD98
- D0D3A5
- D7D9B2
- DDE0BF
- E4E6CC
- EBECD8
- F1F2E5
- F8F9F2
シェード
- A4A76D
- 8C8E5C
- 74764C
- 5D5F3C
- 47492D
- 33341F
- 1F2011
- 0D0E05
- 020201
トーン
- B7B97F
- B0B380
- AAAD80
- A4A681
- 9EA081
- 989981
- 929381
- 8C8D81
- 868680
カラーハーモニー
補色 +180°
- BDC07E
Pine Glade
- BAB1EF
≈ Purple Sand
類似色 -30° +30°
- BDC07E
Pine Glade
- D8B579
≈ Soft Chamois
- 9DC994
≈ Kettle Drum
トライアド +120° +240°
- BDC07E
Pine Glade
- 7EC5E8
≈ Spritzig
- E6A4C2
≈ Think Pink
スプリットコンプリメンタリー +150° +210°
- BDC07E
Pine Glade
- 9BBCF3
≈ Truesky Gloxym
- D4A9DD
≈ Favourite Lavender
テトラード +90° +180° +270°
- BDC07E
Pine Glade
- 71CCD1
≈ Beach Sparkle
- BAB1EF
≈ Purple Sand
- EDA4A3
≈ Modestly Peach
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.90:1 · APCA Lc 36
Ag
AAA黒の上
WCAG 11.00:1 · APCA Lc 66
最適な文字色: #000000
WCAG 11.00:1 (AAA) · APCA Lc 66
Contrast pairs
コードスニペット
CSS
:root {
--pine-glade: #bdc07e;
--pine-glade-rgb: 189 192 126;
--pine-glade-oklch: oklch(0.79 0.087 110.4);
}
.element {
color: var(--pine-glade);
background-color: hsl(63 34% 62%);
border-color: oklch(0.79 0.087 110.4);
}Tailwind CSS v4
@theme {
--color-pine-glade: #bdc07e;
--color-pine-glade-50: #f5f8dc;
--color-pine-glade-100: #e8ebcb;
--color-pine-glade-200: #d4d9ae;
--color-pine-glade-300: #b8bc89;
--color-pine-glade-400: #a1a366;
--color-pine-glade-500: #898b43;
--color-pine-glade-600: #74763a;
--color-pine-glade-700: #5d5e2e;
--color-pine-glade-800: #45451f;
--color-pine-glade-900: #302f14;
--color-pine-glade-950: #1c1c06;
}SCSS
$pine-glade: #bdc07e;
$pine-glade-rgb: 189, 192, 126;
$pine-glade-light: mix(#fff, $pine-glade, 20%);
$pine-glade-dark: mix(#000, $pine-glade, 20%);
.element {
color: $pine-glade;
box-shadow: 0 0 0 2px rgba($pine-glade, 0.35);
}