色名 · #F3BB8F
Brandy Butter
Brandy Butterは#F3BB8F：rgb(243 187 143)、hsl(26 81% 76%)、oklch(0.833 0.087 59.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Brandy Butter color name →
#F3BB8F
oklch(0.833 0.087 59.4)
カラー変換
- HEX
- #f3bb8f
- RGB
- rgb(243 187 143)
- HSL
- hsl(26 81% 76%)
- HWB
- hwb(26 56% 5%)
- OKLCH
- oklch(0.833 0.087 59.4)
- OKLab
- oklab(0.833 0.044 0.075)
- CIE Lab
- lab(80.31 16.78 30.5)
- LCH
- lch(80.31 34.81 61.2)
- CMYK
- cmyk(0% 23% 41% 5%)
ティント · シェード · トーン
ティント
- F5C29A
- F6C9A6
- F8D0B1
- F9D6BC
- FADDC7
- FBE4D2
- FCEBDE
- FDF2E9
- FEF8F4
シェード
- D3A27C
- B48A69
- 977357
- 7A5C45
- 5E4634
- 443224
- 2B1F15
- 140D07
- 030201
トーン
- E7B58E
- DBAF8D
- D0A98C
- C4A38A
- B99D89
- AD9887
- A29286
- 968C84
- 8B8682
カラーハーモニー
補色 +180°
- F3BB8F
Brandy Butter
- 93D0FB
≈ Long Island Sound
類似色 -30° +30°
- F3BB8F
Brandy Butter
- FCB3A7
≈ Washed-Out Crimson
- DFC686
≈ 24 Karat
トライアド +120° +240°
- F3BB8F
Brandy Butter
- 86DBC9
≈ Shimmering Blue
- D0BCF9
≈ Lavender Tonic
スプリットコンプリメンタリー +150° +210°
- F3BB8F
Brandy Butter
- 80D8E7
≈ Medium Sky Blue
- B2C6FF
≈ Night Snow
テトラード +90° +180° +270°
- F3BB8F
Brandy Butter
- A0D9AA
≈ Green Trance
- 93D0FB
≈ Long Island Sound
- E9B4E4
≈ Pink Drink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.70:1 · APCA Lc 30
Ag
AAA黒の上
WCAG 12.31:1 · APCA Lc 72
最適な文字色: #000000
WCAG 12.31:1 (AAA) · APCA Lc 72
Contrast pairs
コードスニペット
CSS
:root {
--brandy-butter: #f3bb8f;
--brandy-butter-rgb: 243 187 143;
--brandy-butter-oklch: oklch(0.833 0.087 59.4);
}
.element {
color: var(--brandy-butter);
background-color: hsl(26 81% 76%);
border-color: oklch(0.833 0.087 59.4);
}Tailwind CSS v4
@theme {
--color-brandy-butter: #f3bb8f;
--color-brandy-butter-50: #fff0dd;
--color-brandy-butter-100: #fee2cb;
--color-brandy-butter-200: #f0cdaf;
--color-brandy-butter-300: #d9ae8a;
--color-brandy-butter-400: #c5926a;
--color-brandy-butter-500: #b17848;
--color-brandy-butter-600: #95653e;
--color-brandy-butter-700: #785131;
--color-brandy-butter-800: #593a23;
--color-brandy-butter-900: #3e2817;
--color-brandy-butter-950: #271608;
}SCSS
$brandy-butter: #f3bb8f;
$brandy-butter-rgb: 243, 187, 143;
$brandy-butter-light: mix(#fff, $brandy-butter, 20%);
$brandy-butter-dark: mix(#000, $brandy-butter, 20%);
.element {
color: $brandy-butter;
box-shadow: 0 0 0 2px rgba($brandy-butter, 0.35);
}