Benoemde kleur · #F2ED6B
Lemon Verbena
Lemon Verbena is #F2ED6B: rgb(242 237 107), hsl(58 84% 68%), oklch(0.925 0.151 107). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Lemon Verbena color name →
#F2ED6B
oklch(0.925 0.151 107)
Kleurconversies
- HEX
- #f2ed6b
- RGB
- rgb(242 237 107)
- HSL
- hsl(58 84% 68%)
- HWB
- hwb(58 42% 5%)
- OKLCH
- oklch(0.925 0.151 107)
- OKLab
- oklab(0.925 -0.044 0.144)
- CIE Lab
- lab(92.29 -10.16 62.1)
- LCH
- lch(92.29 62.92 99.3)
- CMYK
- cmyk(0% 2% 56% 5%)
Tinten · Schaduwen · Tonen
Tinten
- F3EF7E
- F4F18F
- F5F39F
- F7F5AE
- F8F7BC
- F9F9CA
- FBFAD8
- FCFCE5
- FDFEF2
Schaduwen
- D2CE5C
- B4B04E
- 96933F
- 797732
- 5E5C25
- 434218
- 2B2A0D
- 141404
- 030300
Tonen
- E6E270
- DAD775
- CECC78
- C2C17B
- B7B67D
- ACAB7F
- A0A080
- 959580
- 8B8B80
Kleurharmonieën
Complementair +180°
- F2ED6B
Lemon Verbena
- E4E3FF
≈ Stoic White
Analoog -30° +30°
- F2ED6B
Lemon Verbena
- FFE2B7
≈ Cookie
- B5FE97
≈ Lens Flare Green
Triadisch +120° +240°
- F2ED6B
Lemon Verbena
- C6EDFF
≈ Blue Java Banana
- FFDAEC
≈ Rose Glow
Gesplitst complementair +150° +210°
- F2ED6B
Lemon Verbena
- D7E8FF
≈ Veiling Waterfalls
- F5DCFF
≈ Lavender Savour
Tetradisch +90° +180° +270°
- F2ED6B
Lemon Verbena
- 86FDFF
≈ Glitter Shower
- E4E3FF
≈ Stoic White
- FFDDDD
≈ Rose Tonic
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.22:1 · APCA Lc 11
Ag
AAAOp zwart
WCAG 17.10:1 · APCA Lc 93
Beste tekstkleur: #000000
WCAG 17.10:1 (AAA) · APCA Lc 93
Contrast pairs
Codefragmenten
CSS
:root {
--lemon-verbena: #f2ed6b;
--lemon-verbena-rgb: 242 237 107;
--lemon-verbena-oklch: oklch(0.925 0.151 107);
}
.element {
color: var(--lemon-verbena);
background-color: hsl(58 84% 68%);
border-color: oklch(0.925 0.151 107);
}Tailwind CSS v4
@theme {
--color-lemon-verbena: #f2ed6b;
--color-lemon-verbena-50: #f8f9c8;
--color-lemon-verbena-100: #ebedb2;
--color-lemon-verbena-200: #d9da8d;
--color-lemon-verbena-300: #bdbe5c;
--color-lemon-verbena-400: #a9a41b;
--color-lemon-verbena-500: #938b00;
--color-lemon-verbena-600: #7c7500;
--color-lemon-verbena-700: #635e00;
--color-lemon-verbena-800: #4b4400;
--color-lemon-verbena-900: #342f00;
--color-lemon-verbena-950: #1f1b00;
}SCSS
$lemon-verbena: #f2ed6b;
$lemon-verbena-rgb: 242, 237, 107;
$lemon-verbena-light: mix(#fff, $lemon-verbena, 20%);
$lemon-verbena-dark: mix(#000, $lemon-verbena, 20%);
.element {
color: $lemon-verbena;
box-shadow: 0 0 0 2px rgba($lemon-verbena, 0.35);
}