色名 · #EEEE77
Illuminating
Illuminatingは#EEEE77：rgb(238 238 119)、hsl(60 78% 70%)、oklch(0.925 0.142 108.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Illuminating color name →
#EEEE77
oklch(0.925 0.142 108.9)
カラー変換
- HEX
- #eeee77
- RGB
- rgb(238 238 119)
- HSL
- hsl(60 78% 70%)
- HWB
- hwb(60 47% 7%)
- OKLCH
- oklch(0.925 0.142 108.9)
- OKLab
- oklab(0.925 -0.046 0.134)
- CIE Lab
- lab(92.32 -11.53 56.76)
- LCH
- lch(92.32 57.92 101.5)
- CMYK
- cmyk(0% 0% 50% 7%)
ティント · シェード · トーン
ティント
- F0F087
- F1F297
- F3F4A5
- F4F6B3
- F6F7C0
- F8F9CD
- F9FBDA
- FBFCE6
- FDFEF3
シェード
- CFCF67
- B1B157
- 939347
- 777738
- 5C5C2A
- 42421C
- 2A2A10
- 141405
- 030301
トーン
- E2E37A
- D7D77D
- CBCC7F
- C0C180
- B5B681
- AAAB82
- 9FA082
- 959582
- 8A8B81
カラーハーモニー
補色 +180°
- EEEE77
Illuminating
- E5E3FF
≈ Lavender Mist
類似色 -30° +30°
- EEEE77
Illuminating
- FFE2B4
≈ Peach of Mind
- B5FDA0
≈ Lens Flare Green
トライアド +120° +240°
- EEEE77
Illuminating
- C8EDFF
≈ Blue Java Banana
- FFDBEB
≈ Rose Glow
スプリットコンプリメンタリー +150° +210°
- EEEE77
Illuminating
- D8E8FF
≈ Veiling Waterfalls
- F7DBFF
≈ Sugarpills
テトラード +90° +180° +270°
- EEEE77
Illuminating
- 91FBFF
≈ Eternal Winter
- E5E3FF
≈ Lavender Mist
- FFDDDC
≈ Rose Tonic
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.22:1 · APCA Lc 11
Ag
AAA黒の上
WCAG 17.13:1 · APCA Lc 93
最適な文字色: #000000
WCAG 17.13:1 (AAA) · APCA Lc 93
Contrast pairs
コードスニペット
CSS
:root {
--illuminating: #eeee77;
--illuminating-rgb: 238 238 119;
--illuminating-oklch: oklch(0.925 0.142 108.9);
}
.element {
color: var(--illuminating);
background-color: hsl(60 78% 70%);
border-color: oklch(0.925 0.142 108.9);
}Tailwind CSS v4
@theme {
--color-illuminating: #eeee77;
--color-illuminating-50: #f6facb;
--color-illuminating-100: #e9edb6;
--color-illuminating-200: #d6da93;
--color-illuminating-300: #babe65;
--color-illuminating-400: #a6a42f;
--color-illuminating-500: #8f8c00;
--color-illuminating-600: #797600;
--color-illuminating-700: #615f00;
--color-illuminating-800: #494500;
--color-illuminating-900: #323000;
--color-illuminating-950: #1e1c00;
}SCSS
$illuminating: #eeee77;
$illuminating-rgb: 238, 238, 119;
$illuminating-light: mix(#fff, $illuminating, 20%);
$illuminating-dark: mix(#000, $illuminating, 20%);
.element {
color: $illuminating;
box-shadow: 0 0 0 2px rgba($illuminating, 0.35);
}