色名 · #FFE1A3
Midday Sun
Midday Sunは#FFE1A3：rgb(255 225 163)、hsl(40 100% 82%)、oklch(0.92 0.085 85)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Midday Sun color name →
#FFE1A3
oklch(0.92 0.085 85)
カラー変換
- HEX
- #ffe1a3
- RGB
- rgb(255 225 163)
- HSL
- hsl(40 100% 82%)
- HWB
- hwb(40 64% 0%)
- OKLCH
- oklch(0.92 0.085 85)
- OKLab
- oklab(0.92 0.008 0.085)
- CIE Lab
- lab(90.98 4.43 34.39)
- LCH
- lch(90.98 34.67 82.7)
- CMYK
- cmyk(0% 12% 36% 0%)
ティント · シェード · トーン
ティント
- FFE4AD
- FFE7B6
- FFEAC0
- FFEDC9
- FFF0D2
- FFF3DB
- FFF6E4
- FFF9ED
- FFFCF6
シェード
- DEC48D
- BEA778
- 9E8B63
- 80704F
- 63563C
- 483E2A
- 2E2719
- 16120A
- 030201
トーン
- F2D7A0
- E4CD9D
- D7C39A
- CAB996
- BEB093
- B1A68F
- A49C8C
- 989388
- 8C8984
カラーハーモニー
補色 +180°
- FFE1A3
Midday Sun
- D8E5FF
≈ Veiling Waterfalls
類似色 -30° +30°
- FFE1A3
Midday Sun
- FFDDC7
≈ Coral Kiss
- E2ECAA
≈ Wedge of Lime
トライアド +120° +240°
- FFE1A3
Midday Sun
- A0F5FF
≈ Waterspout
- FDD5FF
≈ Pink Diamond
スプリットコンプリメンタリー +150° +210°
- FFE1A3
Midday Sun
- C9EAFF
≈ Blue Java Banana
- E6E0FF
≈ Stoic White
テトラード +90° +180° +270°
- FFE1A3
Midday Sun
- A7F8E1
≈ Icery
- D8E5FF
≈ Veiling Waterfalls
- FFD9E6
≈ Pink Supremecy
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.26:1 · APCA Lc 13
Ag
AAA黒の上
WCAG 16.55:1 · APCA Lc 91
最適な文字色: #000000
WCAG 16.55:1 (AAA) · APCA Lc 91
Contrast pairs
コードスニペット
CSS
:root {
--midday-sun: #ffe1a3;
--midday-sun-rgb: 255 225 163;
--midday-sun-oklch: oklch(0.92 0.085 85);
}
.element {
color: var(--midday-sun);
background-color: hsl(40 100% 82%);
border-color: oklch(0.92 0.085 85);
}Tailwind CSS v4
@theme {
--color-midday-sun: #ffe1a3;
--color-midday-sun-50: #fff4da;
--color-midday-sun-100: #f4e7c8;
--color-midday-sun-200: #e4d3ab;
--color-midday-sun-300: #cab585;
--color-midday-sun-400: #b69b62;
--color-midday-sun-500: #a0823e;
--color-midday-sun-600: #876e36;
--color-midday-sun-700: #6c582b;
--color-midday-sun-800: #51401d;
--color-midday-sun-900: #382c13;
--color-midday-sun-950: #231905;
}SCSS
$midday-sun: #ffe1a3;
$midday-sun-rgb: 255, 225, 163;
$midday-sun-light: mix(#fff, $midday-sun, 20%);
$midday-sun-dark: mix(#000, $midday-sun, 20%);
.element {
color: $midday-sun;
box-shadow: 0 0 0 2px rgba($midday-sun, 0.35);
}