色名 · #FFEE15
Pure Sunshine
Pure Sunshineは#FFEE15：rgb(255 238 21)、hsl(56 100% 54%)、oklch(0.933 0.195 104.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Pure Sunshine color name →
#FFEE15
oklch(0.933 0.195 104.2)
カラー変換
- HEX
- #ffee15
- RGB
- rgb(255 238 21)
- HSL
- hsl(56 100% 54%)
- HWB
- hwb(56 8% 0%)
- OKLCH
- oklch(0.933 0.195 104.2)
- OKLab
- oklab(0.933 -0.048 0.189)
- CIE Lab
- lab(93.27 -7.84 88.68)
- LCH
- lch(93.27 89.02 95.1)
- CMYK
- cmyk(0% 7% 92% 0%)
ティント · シェード · トーン
ティント
- FFF04C
- FFF26A
- FEF482
- FEF697
- FEF8AB
- FEFABD
- FEFBCE
- FEFDDF
- FFFEEF
シェード
- DECF11
- BEB10C
- 9E9308
- 807705
- 635C03
- 484202
- 2E2A01
- 161400
- 030300
トーン
- F1E33A
- E4D84D
- D7CD5A
- CAC263
- BDB76B
- B0AC71
- A4A176
- 98967A
- 8C8B7E
カラーハーモニー
補色 +180°
- FFEE15
Pure Sunshine
- E6E7FF
≈ Cyber Lavender
類似色 -30° +30°
- FFEE15
Pure Sunshine
- FFE4C2
≈ Bisque
- BFFF96
≈ Apatite Crystal Green
トライアド +120° +240°
- FFEE15
Pure Sunshine
- CBF0FF
≈ Heaven’s Gate
- FFDEF0
≈ So This Is Love
スプリットコンプリメンタリー +150° +210°
- FFEE15
Pure Sunshine
- DBEBFF
≈ Hoarfrost
- F4E0FF
≈ Lavender Savour
テトラード +90° +180° +270°
- FFEE15
Pure Sunshine
- 8FFFFD
≈ Glitter Shower
- E6E7FF
≈ Cyber Lavender
- FFE0E2
≈ Sweet Mallow
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.20:1 · APCA Lc 10
Ag
AAA黒の上
WCAG 17.49:1 · APCA Lc 95
最適な文字色: #000000
WCAG 17.49:1 (AAA) · APCA Lc 95
Contrast pairs
コードスニペット
CSS
:root {
--pure-sunshine: #ffee15;
--pure-sunshine-rgb: 255 238 21;
--pure-sunshine-oklch: oklch(0.933 0.195 104.2);
}
.element {
color: var(--pure-sunshine);
background-color: hsl(56 100% 54%);
border-color: oklch(0.933 0.195 104.2);
}Tailwind CSS v4
@theme {
--color-pure-sunshine: #ffee15;
--color-pure-sunshine-50: #fcfab8;
--color-pure-sunshine-100: #f0eda0;
--color-pure-sunshine-200: #dfda72;
--color-pure-sunshine-300: #c5bd29;
--color-pure-sunshine-400: #b3a200;
--color-pure-sunshine-500: #9e8800;
--color-pure-sunshine-600: #857300;
--color-pure-sunshine-700: #6b5c00;
--color-pure-sunshine-800: #514200;
--color-pure-sunshine-900: #382e00;
--color-pure-sunshine-950: #231a00;
}SCSS
$pure-sunshine: #ffee15;
$pure-sunshine-rgb: 255, 238, 21;
$pure-sunshine-light: mix(#fff, $pure-sunshine, 20%);
$pure-sunshine-dark: mix(#000, $pure-sunshine, 20%);
.element {
color: $pure-sunshine;
box-shadow: 0 0 0 2px rgba($pure-sunshine, 0.35);
}