Colore con nome · #D8BE89
Honey Tea
Honey Tea è #D8BE89: rgb(216 190 137), hsl(40 50% 69%), oklch(0.811 0.075 84.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Honey Tea color name →
#D8BE89
oklch(0.811 0.075 84.7)
Conversioni di colore
- HEX
- #d8be89
- RGB
- rgb(216 190 137)
- HSL
- hsl(40 50% 69%)
- HWB
- hwb(40 54% 15%)
- OKLCH
- oklch(0.811 0.075 84.7)
- OKLab
- oklab(0.811 0.007 0.075)
- CIE Lab
- lab(78.29 4.05 30.39)
- LCH
- lch(78.29 30.66 82.4)
- CMYK
- cmyk(0% 12% 37% 15%)
Tinte · Ombre · Toni
Tinte
- DCC495
- E0CBA1
- E4D1AD
- E8D8B8
- ECDEC4
- EFE5D0
- F3EBDC
- F7F2E7
- FBF8F3
Ombre
- BCA576
- A08C64
- 857553
- 6B5E42
- 534831
- 3B3322
- 251F14
- 110D07
- 020201
Toni
- CFB889
- C6B188
- BDAB87
- B4A587
- AB9F86
- A29985
- 9A9284
- 918C83
- 888681
Armonie di colore
Complementare +180°
- D8BE89
Honey Tea
- A9C1F3
≈ Sky High
Analogo -30° +30°
- D8BE89
Honey Tea
- E8B593
≈ Gentle Doe
- C0C88F
≈ Apple II Beige
Triadico +120° +240°
- D8BE89
Honey Tea
- 85D0D8
≈ Sea of Tranquillity
- DBB1DD
≈ Blushing Sky
Complementare divisa +150° +210°
- D8BE89
Honey Tea
- 91CAEB
≈ Light Cornflower Blue
- C4B8EE
≈ Connecticut Lilac
Tetradico +90° +180° +270°
- D8BE89
Honey Tea
- 8CD2BE
≈ Blue Frosting
- A9C1F3
≈ Sky High
- E9AEC4
≈ Pink Macaroon
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.80:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.64:1 · APCA Lc 69
Miglior colore del testo: #000000
WCAG 11.64:1 (AAA) · APCA Lc 69
Contrast pairs
Frammenti di codice
CSS
:root {
--honey-tea: #d8be89;
--honey-tea-rgb: 216 190 137;
--honey-tea-oklch: oklch(0.811 0.075 84.7);
}
.element {
color: var(--honey-tea);
background-color: hsl(40 50% 69%);
border-color: oklch(0.811 0.075 84.7);
}Tailwind CSS v4
@theme {
--color-honey-tea: #d8be89;
--color-honey-tea-50: #fff4dd;
--color-honey-tea-100: #f3e7cc;
--color-honey-tea-200: #e2d3b0;
--color-honey-tea-300: #c8b58b;
--color-honey-tea-400: #b39b6a;
--color-honey-tea-500: #9d8249;
--color-honey-tea-600: #856e3e;
--color-honey-tea-700: #6b5832;
--color-honey-tea-800: #4f4023;
--color-honey-tea-900: #372c17;
--color-honey-tea-950: #221908;
}SCSS
$honey-tea: #d8be89;
$honey-tea-rgb: 216, 190, 137;
$honey-tea-light: mix(#fff, $honey-tea, 20%);
$honey-tea-dark: mix(#000, $honey-tea, 20%);
.element {
color: $honey-tea;
box-shadow: 0 0 0 2px rgba($honey-tea, 0.35);
}