色名 · #3F000F
Berry Chocolate
Berry Chocolateは#3F000F：rgb(63 0 15)、hsl(346 100% 12%)、oklch(0.234 0.093 14.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Berry Chocolate color name →
#3F000F
oklch(0.234 0.093 14.8)
カラー変換
- HEX
- #3f000f
- RGB
- rgb(63 0 15)
- HSL
- hsl(346 100% 12%)
- HWB
- hwb(346 0% 75%)
- OKLCH
- oklch(0.234 0.093 14.8)
- OKLab
- oklab(0.234 0.09 0.024)
- CIE Lab
- lab(10.07 30.21 9.61)
- LCH
- lch(10.07 31.71 17.7)
- CMYK
- cmyk(0% 100% 76% 75%)
ティント · シェード · トーン
ティント
- 531A23
- 663237
- 794A4D
- 8C6164
- 9F7A7C
- B39395
- C6ADAE
- D9C8C9
- ECE3E4
シェード
- 35000B
- 2C0008
- 230005
- 1B0003
- 120002
- 0A0001
- 040000
- 010000
- 000000
トーン
- 470F19
- 4E1D23
- 56292E
- 5D3639
- 634244
- 6A4E50
- 705A5B
- 756767
- 7B7374
カラーハーモニー
補色 +180°
- 3F000F
Berry Chocolate
- 002323
≈ Stellar Explorer
類似色 -30° +30°
- 3F000F
Berry Chocolate
- 390328
≈ Dark Sanctuary
- 361000
≈ Chocolate Melange
トライアド +120° +240°
- 3F000F
Berry Chocolate
- 0E2400
≈ Yuzu Soy
- 001D40
≈ Maastricht Blue
スプリットコンプリメンタリー +150° +210°
- 3F000F
Berry Chocolate
- 002518
≈ Clock Chimes Thirteen
- 00222D
≈ Midnight Dreams
テトラード +90° +180° +270°
- 3F000F
Berry Chocolate
- 211F00
≈ Liquorice Root
- 002323
≈ Stellar Explorer
- 1C1247
≈ Shadow Planet
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 17.23:1 · APCA Lc 103
Ag
Fail黒の上
WCAG 1.21:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 17.23:1 (AAA) · APCA Lc 103
Contrast pairs
コードスニペット
CSS
:root {
--berry-chocolate: #3f000f;
--berry-chocolate-rgb: 63 0 15;
--berry-chocolate-oklch: oklch(0.234 0.093 14.8);
}
.element {
color: var(--berry-chocolate);
background-color: hsl(346 100% 12%);
border-color: oklch(0.234 0.093 14.8);
}Tailwind CSS v4
@theme {
--color-berry-chocolate: #3f000f;
--color-berry-chocolate-50: #ffebec;
--color-berry-chocolate-100: #ffdcdd;
--color-berry-chocolate-200: #fac5c6;
--color-berry-chocolate-300: #e3a4a6;
--color-berry-chocolate-400: #d0878d;
--color-berry-chocolate-500: #bc6b72;
--color-berry-chocolate-600: #9f5b61;
--color-berry-chocolate-700: #7f494d;
--color-berry-chocolate-800: #5e3439;
--color-berry-chocolate-900: #422427;
--color-berry-chocolate-950: #2a1215;
}SCSS
$berry-chocolate: #3f000f;
$berry-chocolate-rgb: 63, 0, 15;
$berry-chocolate-light: mix(#fff, $berry-chocolate, 20%);
$berry-chocolate-dark: mix(#000, $berry-chocolate, 20%);
.element {
color: $berry-chocolate;
box-shadow: 0 0 0 2px rgba($berry-chocolate, 0.35);
}