色名 · #BBCC55
Forsythia Bud
Forsythia Budは#BBCC55：rgb(187 204 85)、hsl(69 54% 57%)、oklch(0.809 0.145 116.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Forsythia Bud color name →
#BBCC55
oklch(0.809 0.145 116.6)
カラー変換
- HEX
- #bbcc55
- RGB
- rgb(187 204 85)
- HSL
- hsl(69 54% 57%)
- HWB
- hwb(69 33% 20%)
- OKLCH
- oklch(0.809 0.145 116.6)
- OKLab
- oklab(0.809 -0.065 0.129)
- CIE Lab
- lab(78.98 -18.08 55.63)
- LCH
- lch(78.98 58.49 108)
- CMYK
- cmyk(8% 0% 58% 20%)
ティント · シェード · トーン
ティント
- C1D16A
- C8D77D
- CEDC8E
- D5E19F
- DCE6B0
- E3EBC0
- EAF0D0
- F1F5E0
- F8FAEF
シェード
- A2B149
- 8A973D
- 737E31
- 5C6526
- 464E1C
- 323711
- 1F2208
- 0D0F02
- 020200
トーン
- B5C45D
- AFBD63
- A9B569
- A3AD6E
- 9DA672
- 979E75
- 919779
- 8B8F7B
- 86887E
カラーハーモニー
補色 +180°
- BBCC55
Forsythia Bud
- C7B2FF
≈ Teasel Dipsacus
類似色 -30° +30°
- BBCC55
Forsythia Bud
- E9B93E
≈ Capital Yellow
- 7DD987
≈ Electric Lettuce
トライアド +120° +240°
- BBCC55
Forsythia Bud
- 75CBFF
≈ Bubbly Barracuda
- FF9FC2
≈ Saira Red
スプリットコンプリメンタリー +150° +210°
- BBCC55
Forsythia Bud
- A4BFFF
≈ Pastel Blue
- F19EF2
≈ VIC 20 Pink
テトラード +90° +180° +270°
- BBCC55
Forsythia Bud
- 00D9ED
≈ Thousand Sons Blue
- C7B2FF
≈ Teasel Dipsacus
- FFA59B
≈ Corally
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.76:1 · APCA Lc 32
Ag
AAA黒の上
WCAG 11.88:1 · APCA Lc 70
最適な文字色: #000000
WCAG 11.88:1 (AAA) · APCA Lc 70
Contrast pairs
コードスニペット
CSS
:root {
--forsythia-bud: #bbcc55;
--forsythia-bud-rgb: 187 204 85;
--forsythia-bud-oklch: oklch(0.809 0.145 116.6);
}
.element {
color: var(--forsythia-bud);
background-color: hsl(69 54% 57%);
border-color: oklch(0.809 0.145 116.6);
}Tailwind CSS v4
@theme {
--color-forsythia-bud: #bbcc55;
--color-forsythia-bud-50: #f0fccd;
--color-forsythia-bud-100: #e3efb9;
--color-forsythia-bud-200: #cedd96;
--color-forsythia-bud-300: #b0c269;
--color-forsythia-bud-400: #9aa937;
--color-forsythia-bud-500: #819100;
--color-forsythia-bud-600: #6e7a00;
--color-forsythia-bud-700: #576200;
--color-forsythia-bud-800: #424700;
--color-forsythia-bud-900: #2d3100;
--color-forsythia-bud-950: #1a1d00;
}SCSS
$forsythia-bud: #bbcc55;
$forsythia-bud-rgb: 187, 204, 85;
$forsythia-bud-light: mix(#fff, $forsythia-bud, 20%);
$forsythia-bud-dark: mix(#000, $forsythia-bud, 20%);
.element {
color: $forsythia-bud;
box-shadow: 0 0 0 2px rgba($forsythia-bud, 0.35);
}