色名 · #FFE79C
First Tulip
First Tulipは#FFE79C：rgb(255 231 156)、hsl(45 100% 81%)、oklch(0.931 0.097 92.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · First Tulip color name →
#FFE79C
oklch(0.931 0.097 92.4)
カラー変換
- HEX
- #ffe79c
- RGB
- rgb(255 231 156)
- HSL
- hsl(45 100% 81%)
- HWB
- hwb(45 61% 0%)
- OKLCH
- oklch(0.931 0.097 92.4)
- OKLab
- oklab(0.931 -0.004 0.097)
- CIE Lab
- lab(92.38 0.99 39.66)
- LCH
- lch(92.38 39.68 88.6)
- CMYK
- cmyk(0% 9% 39% 0%)
ティント · シェード · トーン
ティント
- FFEAA7
- FFECB1
- FFEFBB
- FFF1C5
- FFF3CF
- FFF6D9
- FFF8E3
- FFFAEC
- FFFDF6
シェード
- DEC987
- BEAB73
- 9E8F5F
- 80734C
- 635939
- 484028
- 2E2818
- 161309
- 030301
トーン
- F2DC9A
- E4D298
- D7C795
- CABD93
- BEB290
- B1A88D
- A49E8A
- 989487
- 8C8A84
カラーハーモニー
補色 +180°
- FFE79C
First Tulip
- E0E7FF
≈ Lavender Mist
類似色 -30° +30°
- FFE79C
First Tulip
- FFE2CA
≈ Barely Ripe Apricot
- DCF3AA
≈ Mint Julep
トライアド +120° +240°
- FFE79C
First Tulip
- BCF3FF
≈ Northrend
- FFDBF8
≈ Strawberry Frost
スプリットコンプリメンタリー +150° +210°
- FFE79C
First Tulip
- D4ECFF
≈ Veiling Waterfalls
- EDE2FF
≈ Lavender Savour
テトラード +90° +180° +270°
- FFE79C
First Tulip
- 9AFEED
≈ Hello Winter
- E0E7FF
≈ Lavender Mist
- FFDEE6
≈ Baby Girl
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.22:1 · APCA Lc 11
Ag
AAA黒の上
WCAG 17.16:1 · APCA Lc 93
最適な文字色: #000000
WCAG 17.16:1 (AAA) · APCA Lc 93
Contrast pairs
コードスニペット
CSS
:root {
--first-tulip: #ffe79c;
--first-tulip-rgb: 255 231 156;
--first-tulip-oklch: oklch(0.931 0.097 92.4);
}
.element {
color: var(--first-tulip);
background-color: hsl(45 100% 81%);
border-color: oklch(0.931 0.097 92.4);
}Tailwind CSS v4
@theme {
--color-first-tulip: #ffe79c;
--color-first-tulip-50: #fef5d6;
--color-first-tulip-100: #f2e8c4;
--color-first-tulip-200: #e1d4a5;
--color-first-tulip-300: #c7b77e;
--color-first-tulip-400: #b39d58;
--color-first-tulip-500: #9d842f;
--color-first-tulip-600: #857029;
--color-first-tulip-700: #6a5921;
--color-first-tulip-800: #4f4115;
--color-first-tulip-900: #372d0e;
--color-first-tulip-950: #221a02;
}SCSS
$first-tulip: #ffe79c;
$first-tulip-rgb: 255, 231, 156;
$first-tulip-light: mix(#fff, $first-tulip, 20%);
$first-tulip-dark: mix(#000, $first-tulip, 20%);
.element {
color: $first-tulip;
box-shadow: 0 0 0 2px rgba($first-tulip, 0.35);
}