色名 · #EFCB96
Oktoberfest
Oktoberfestは#EFCB96：rgb(239 203 150)、hsl(36 74% 76%)、oklch(0.861 0.08 77)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Oktoberfest color name →
#EFCB96
oklch(0.861 0.08 77)
カラー変換
- HEX
- #efcb96
- RGB
- rgb(239 203 150)
- HSL
- hsl(36 74% 76%)
- HWB
- hwb(36 59% 6%)
- OKLCH
- oklch(0.861 0.08 77)
- OKLab
- oklab(0.861 0.018 0.078)
- CIE Lab
- lab(83.9 7.82 31.45)
- LCH
- lch(83.9 32.41 76)
- CMYK
- cmyk(0% 15% 37% 6%)
ティント · シェード · トーン
ティント
- F1D0A1
- F2D6AB
- F4DBB6
- F6E0C1
- F7E5CB
- F9EAD5
- FBF0E0
- FCF5EA
- FEFAF5
シェード
- D0B082
- B1966E
- 947D5B
- 786549
- 5C4D37
- 423726
- 2A2216
- 140F08
- 030201
トーン
- E3C394
- D8BC92
- CDB490
- C1AD8E
- B6A58C
- AB9E8A
- A09688
- 958F85
- 8B8783
カラーハーモニー
補色 +180°
- EFCB96
Oktoberfest
- B5D3FF
≈ Ice Cold Stare
類似色 -30° +30°
- EFCB96
Oktoberfest
- FEC2A5
≈ Sweet Apricot
- D7D598
≈ Crocodile Tears
トライアド +120° +240°
- EFCB96
Oktoberfest
- 90E2E3
≈ Aqua Fiesta
- E7C1F4
≈ Purple’s Baby Sister
スプリットコンプリメンタリー +150° +210°
- EFCB96
Oktoberfest
- 98DCFA
≈ Shiva Blue
- CDCBFF
≈ Lavender Blue
テトラード +90° +180° +270°
- EFCB96
Oktoberfest
- 9EE2C6
≈ Reef Green
- B5D3FF
≈ Ice Cold Stare
- F9BDDB
≈ Flamingo Feather
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.53:1 · APCA Lc 25
Ag
AAA黒の上
WCAG 13.65:1 · APCA Lc 78
最適な文字色: #000000
WCAG 13.65:1 (AAA) · APCA Lc 78
Contrast pairs
コードスニペット
CSS
:root {
--oktoberfest: #efcb96;
--oktoberfest-rgb: 239 203 150;
--oktoberfest-oklch: oklch(0.861 0.08 77);
}
.element {
color: var(--oktoberfest);
background-color: hsl(36 74% 76%);
border-color: oklch(0.861 0.08 77);
}Tailwind CSS v4
@theme {
--color-oktoberfest: #efcb96;
--color-oktoberfest-50: #fff3dc;
--color-oktoberfest-100: #f7e5cb;
--color-oktoberfest-200: #e7d1af;
--color-oktoberfest-300: #ceb389;
--color-oktoberfest-400: #b99968;
--color-oktoberfest-500: #a47f46;
--color-oktoberfest-600: #8b6c3c;
--color-oktoberfest-700: #6f5630;
--color-oktoberfest-800: #533e21;
--color-oktoberfest-900: #3a2b16;
--color-oktoberfest-950: #241807;
}SCSS
$oktoberfest: #efcb96;
$oktoberfest-rgb: 239, 203, 150;
$oktoberfest-light: mix(#fff, $oktoberfest, 20%);
$oktoberfest-dark: mix(#000, $oktoberfest, 20%);
.element {
color: $oktoberfest;
box-shadow: 0 0 0 2px rgba($oktoberfest, 0.35);
}