色名 · #F0B672
Golden Corn
Golden Cornは#F0B672：rgb(240 182 114)、hsl(32 81% 69%)、oklch(0.815 0.109 69.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Golden Corn color name →
#F0B672
oklch(0.815 0.109 69.7)
カラー変換
- HEX
- #f0b672
- RGB
- rgb(240 182 114)
- HSL
- hsl(32 81% 69%)
- HWB
- hwb(32 45% 6%)
- OKLCH
- oklch(0.815 0.109 69.7)
- OKLab
- oklab(0.815 0.038 0.102)
- CIE Lab
- lab(78.43 16.06 42.92)
- LCH
- lch(78.43 45.83 69.5)
- CMYK
- cmyk(0% 24% 53% 6%)
ティント · シェード · トーン
ティント
- F2BD81
- F4C590
- F5CC9E
- F7D4AC
- F9DBBA
- FAE2C8
- FBE9D6
- FDF1E4
- FEF8F1
シェード
- D19E62
- B28653
- 956F44
- 785936
- 5D4428
- 43301B
- 2A1D0E
- 140C04
- 030201
トーン
- E5B175
- D9AB77
- CEA679
- C2A17B
- B79B7C
- AC967D
- A1907E
- 968B7F
- 8B8680
カラーハーモニー
補色 +180°
- F0B672
Golden Corn
- 92C8FF
≈ Clear Sky
類似色 -30° +30°
- F0B672
Golden Corn
- FFAA8D
≈ Super Sepia
- D3C46E
≈ Labrador’s Locks
トライアド +120° +240°
- F0B672
Golden Corn
- 60D9D2
≈ Hammam Blue
- D8AFF8
≈ Light Violet
スプリットコンプリメンタリー +150° +210°
- F0B672
Golden Corn
- 67D3F3
≈ Heisenberg Blue
- B6BCFF
≈ Dried Lilac
テトラード +90° +180° +270°
- F0B672
Golden Corn
- 80D8AA
≈ Fresco Green
- 92C8FF
≈ Clear Sky
- F2A7D9
≈ Pretty Pink Piggy
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.80:1 · APCA Lc 33
Ag
AAA黒の上
WCAG 11.63:1 · APCA Lc 69
最適な文字色: #000000
WCAG 11.63:1 (AAA) · APCA Lc 69
Contrast pairs
コードスニペット
CSS
:root {
--golden-corn: #f0b672;
--golden-corn-rgb: 240 182 114;
--golden-corn-oklch: oklch(0.815 0.109 69.7);
}
.element {
color: var(--golden-corn);
background-color: hsl(32 81% 69%);
border-color: oklch(0.815 0.109 69.7);
}Tailwind CSS v4
@theme {
--color-golden-corn: #f0b672;
--color-golden-corn-50: #fff1d4;
--color-golden-corn-100: #ffe3c1;
--color-golden-corn-200: #f2cda2;
--color-golden-corn-300: #daaf79;
--color-golden-corn-400: #c89353;
--color-golden-corn-500: #b47826;
--color-golden-corn-600: #986523;
--color-golden-corn-700: #7a511c;
--color-golden-corn-800: #5b3a12;
--color-golden-corn-900: #40280c;
--color-golden-corn-950: #281601;
}SCSS
$golden-corn: #f0b672;
$golden-corn-rgb: 240, 182, 114;
$golden-corn-light: mix(#fff, $golden-corn, 20%);
$golden-corn-dark: mix(#000, $golden-corn, 20%);
.element {
color: $golden-corn;
box-shadow: 0 0 0 2px rgba($golden-corn, 0.35);
}