Benannte Farbe · #F0E9BE
Bermuda Son
Bermuda Son ist #F0E9BE: rgb(240 233 190), hsl(52 62% 84%), oklch(0.929 0.057 99.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Bermuda Son color name →
#F0E9BE
oklch(0.929 0.057 99.7)
Farbumrechnungen
- HEX
- #f0e9be
- RGB
- rgb(240 233 190)
- HSL
- hsl(52 62% 84%)
- HWB
- hwb(52 75% 6%)
- OKLCH
- oklch(0.929 0.057 99.7)
- OKLab
- oklab(0.929 -0.01 0.056)
- CIE Lab
- lab(92.1 -2.57 21.9)
- LCH
- lch(92.1 22.05 96.7)
- CMYK
- cmyk(0% 3% 21% 6%)
Tints · Shades · Tones
Tints
- F1EBC5
- F3EDCB
- F4F0D2
- F6F2D8
- F7F4DF
- F9F6E5
- FAF8EC
- FCFBF2
- FDFDF9
Shades
- D1CBA5
- B2AD8C
- 959075
- 78745E
- 5D5A48
- 434133
- 2A291F
- 14130D
- 030302
Tones
- E4DEB8
- D9D3B2
- CDC8AB
- C2BEA5
- B6B39F
- ABA999
- A09E93
- 95948C
- 8B8A86
Farbharmonien
Komplementär +180°
- F0E9BE
Bermuda Son
- E2E6FF
≈ Lavender Mist
Analog -30° +30°
- F0E9BE
Bermuda Son
- FFE2C2
≈ Fall Straw
- DBF0C8
≈ Green Glint
Triadisch +120° +240°
- F0E9BE
Bermuda Son
- C3F0FF
≈ Heaven’s Gate
- FFDBF2
≈ Silky Pink
Geteilt komplementär +150° +210°
- F0E9BE
Bermuda Son
- D6EAFF
≈ Veiling Waterfalls
- F1E0FF
≈ Lavender Savour
Tetradisch +90° +180° +270°
- F0E9BE
Bermuda Son
- BDF4F0
≈ Light Water Wings
- E2E6FF
≈ Lavender Mist
- FFDEE2
≈ Sweet Mallow
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.22:1 · APCA Lc 11
Ag
AAAAuf Schwarz
WCAG 17.10:1 · APCA Lc 93
Beste Textfarbe: #000000
WCAG 17.10:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--bermuda-son: #f0e9be;
--bermuda-son-rgb: 240 233 190;
--bermuda-son-oklch: oklch(0.929 0.057 99.7);
}
.element {
color: var(--bermuda-son);
background-color: hsl(52 62% 84%);
border-color: oklch(0.929 0.057 99.7);
}Tailwind CSS v4
@theme {
--color-bermuda-son: #f0e9be;
--color-bermuda-son-50: #f8f6e4;
--color-bermuda-son-100: #ebe9d4;
--color-bermuda-son-200: #d9d6ba;
--color-bermuda-son-300: #bdb998;
--color-bermuda-son-400: #a6a079;
--color-bermuda-son-500: #8f875b;
--color-bermuda-son-600: #79734e;
--color-bermuda-son-700: #615c3e;
--color-bermuda-son-800: #48432c;
--color-bermuda-son-900: #322e1d;
--color-bermuda-son-950: #1e1b0e;
}SCSS
$bermuda-son: #f0e9be;
$bermuda-son-rgb: 240, 233, 190;
$bermuda-son-light: mix(#fff, $bermuda-son, 20%);
$bermuda-son-dark: mix(#000, $bermuda-son, 20%);
.element {
color: $bermuda-son;
box-shadow: 0 0 0 2px rgba($bermuda-son, 0.35);
}