色名 · #EEEE33
Delightful Dandelion
Delightful Dandelionは#EEEE33：rgb(238 238 51)、hsl(60 85% 57%)、oklch(0.92 0.189 109.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Delightful Dandelion color name →
#EEEE33
oklch(0.92 0.189 109.6)
カラー変換
- HEX
- #eeee33
- RGB
- rgb(238 238 51)
- HSL
- hsl(60 85% 57%)
- HWB
- hwb(60 20% 7%)
- OKLCH
- oklch(0.92 0.189 109.6)
- OKLab
- oklab(0.92 -0.063 0.178)
- CIE Lab
- lab(91.92 -14.33 81.31)
- LCH
- lch(91.92 82.56 100)
- CMYK
- cmyk(0% 0% 79% 7%)
ティント · シェード · トーン
ティント
- EFF058
- F1F272
- F2F487
- F4F69B
- F6F8AD
- F7FABF
- F9FBCF
- FBFDE0
- FDFEEF
シェード
- CFCF2B
- B1B123
- 93931C
- 777714
- 5C5C0D
- 424207
- 2A2A03
- 141401
- 030300
トーン
- E2E347
- D7D855
- CBCD60
- C0C168
- B5B66E
- AAAC74
- 9FA178
- 94967B
- 8A8B7E
カラーハーモニー
補色 +180°
- EEEE33
Delightful Dandelion
- E3E1FF
≈ Stoic White
類似色 -30° +30°
- EEEE33
Delightful Dandelion
- FFE0AD
≈ Creamy Oat
- A8FF93
≈ Mint to Be
トライアド +120° +240°
- EEEE33
Delightful Dandelion
- C4EBFF
≈ Blue Java Banana
- FFD8E9
≈ Strawberry Milk
スプリットコンプリメンタリー +150° +210°
- EEEE33
Delightful Dandelion
- D6E6FF
≈ Veiling Waterfalls
- F7D8FF
≈ Lavender Savour
テトラード +90° +180° +270°
- EEEE33
Delightful Dandelion
- 8BFAFF
≈ Electric Blue
- E3E1FF
≈ Stoic White
- FFDADA
≈ Cottagecore Sunset
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.24:1 · APCA Lc 12
Ag
AAA黒の上
WCAG 16.91:1 · APCA Lc 92
最適な文字色: #000000
WCAG 16.91:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--delightful-dandelion: #eeee33;
--delightful-dandelion-rgb: 238 238 51;
--delightful-dandelion-oklch: oklch(0.92 0.189 109.6);
}
.element {
color: var(--delightful-dandelion);
background-color: hsl(60 85% 57%);
border-color: oklch(0.92 0.189 109.6);
}Tailwind CSS v4
@theme {
--color-delightful-dandelion: #eeee33;
--color-delightful-dandelion-50: #f6fbbd;
--color-delightful-dandelion-100: #e9efa5;
--color-delightful-dandelion-200: #d7dc7a;
--color-delightful-dandelion-300: #bbc03b;
--color-delightful-dandelion-400: #a7a600;
--color-delightful-dandelion-500: #918d00;
--color-delightful-dandelion-600: #7b7700;
--color-delightful-dandelion-700: #625f00;
--color-delightful-dandelion-800: #4a4500;
--color-delightful-dandelion-900: #343000;
--color-delightful-dandelion-950: #1f1c00;
}SCSS
$delightful-dandelion: #eeee33;
$delightful-dandelion-rgb: 238, 238, 51;
$delightful-dandelion-light: mix(#fff, $delightful-dandelion, 20%);
$delightful-dandelion-dark: mix(#000, $delightful-dandelion, 20%);
.element {
color: $delightful-dandelion;
box-shadow: 0 0 0 2px rgba($delightful-dandelion, 0.35);
}