Colore con nome · #E8EDB0
Bottlebrush Blossom
Bottlebrush Blossom è #E8EDB0: rgb(232 237 176), hsl(65 63% 81%), oklch(0.928 0.079 111.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Bottlebrush Blossom color name →
#E8EDB0
oklch(0.928 0.079 111.7)
Conversioni di colore
- HEX
- #e8edb0
- RGB
- rgb(232 237 176)
- HSL
- hsl(65 63% 81%)
- HWB
- hwb(65 69% 7%)
- OKLCH
- oklch(0.928 0.079 111.7)
- OKLab
- oklab(0.928 -0.029 0.073)
- CIE Lab
- lab(92.26 -8.85 29.09)
- LCH
- lch(92.26 30.41 106.9)
- CMYK
- cmyk(2% 0% 26% 7%)
Tinte · Ombre · Toni
Tinte
- EAEFB8
- ECF1C0
- EFF3C8
- F1F4D0
- F3F6D8
- F6F8E0
- F8FAE8
- FAFCF0
- FDFDF7
Ombre
- CACE99
- ACB082
- 90936C
- 747756
- 595C42
- 40422E
- 292A1C
- 13140B
- 030301
Toni
- DDE2AB
- D2D6A7
- C8CBA2
- BDC09D
- B2B599
- A8AA94
- 9EA08F
- 94958A
- 8A8A85
Armonie di colore
Complementare +180°
- E8EDB0
Bottlebrush Blossom
- E7E3FF
≈ Lavender Mist
Analogo -30° +30°
- E8EDB0
Bottlebrush Blossom
- FFE3B2
≈ Sunstitch
- CAF5C4
≈ Maroccan Tea
Triadico +120° +240°
- E8EDB0
Bottlebrush Blossom
- CCEDFF
≈ Blue Hijab
- FFDCEA
≈ Strawberry Cheesecake
Complementare divisa +150° +210°
- E8EDB0
Bottlebrush Blossom
- DBE8FF
≈ Veiling Waterfalls
- FADBFF
≈ Sugarpills
Tetradico +90° +180° +270°
- E8EDB0
Bottlebrush Blossom
- A7F7FD
≈ Waterspout
- E7E3FF
≈ Lavender Mist
- FFDEDC
≈ Peachy Keen
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.22:1 · APCA Lc 11
Ag
AAASu nero
WCAG 17.17:1 · APCA Lc 93
Miglior colore del testo: #000000
WCAG 17.17:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--bottlebrush-blossom: #e8edb0;
--bottlebrush-blossom-rgb: 232 237 176;
--bottlebrush-blossom-oklch: oklch(0.928 0.079 111.7);
}
.element {
color: var(--bottlebrush-blossom);
background-color: hsl(65 63% 81%);
border-color: oklch(0.928 0.079 111.7);
}Tailwind CSS v4
@theme {
--color-bottlebrush-blossom: #e8edb0;
--color-bottlebrush-blossom-50: #f4f8df;
--color-bottlebrush-blossom-100: #e7ebce;
--color-bottlebrush-blossom-200: #d3d9b2;
--color-bottlebrush-blossom-300: #b7bc8e;
--color-bottlebrush-blossom-400: #9fa36c;
--color-bottlebrush-blossom-500: #888b4b;
--color-bottlebrush-blossom-600: #737641;
--color-bottlebrush-blossom-700: #5c5e33;
--color-bottlebrush-blossom-800: #444523;
--color-bottlebrush-blossom-900: #2f3017;
--color-bottlebrush-blossom-950: #1c1c08;
}SCSS
$bottlebrush-blossom: #e8edb0;
$bottlebrush-blossom-rgb: 232, 237, 176;
$bottlebrush-blossom-light: mix(#fff, $bottlebrush-blossom, 20%);
$bottlebrush-blossom-dark: mix(#000, $bottlebrush-blossom, 20%);
.element {
color: $bottlebrush-blossom;
box-shadow: 0 0 0 2px rgba($bottlebrush-blossom, 0.35);
}