Colore con nome · #742719
Hazelnut Kisses
Hazelnut Kisses è #742719: rgb(116 39 25), hsl(9 65% 28%), oklch(0.387 0.111 32.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Hazelnut Kisses color name →
#742719
oklch(0.387 0.111 32.5)
Conversioni di colore
- HEX
- #742719
- RGB
- rgb(116 39 25)
- HSL
- hsl(9 65% 28%)
- HWB
- hwb(9 10% 55%)
- OKLCH
- oklch(0.387 0.111 32.5)
- OKLab
- oklab(0.387 0.094 0.06)
- CIE Lab
- lab(27.84 33.86 27.68)
- LCH
- lch(27.84 43.73 39.3)
- CMYK
- cmyk(0% 66% 78% 55%)
Tinte · Ombre · Toni
Tinte
- 833D2F
- 925144
- A0665A
- AE7B70
- BC9087
- CAA69E
- D8BCB5
- E5D2CD
- F2E8E6
Ombre
- 642014
- 541A10
- 45140B
- 370E07
- 290804
- 1B0402
- 0F0201
- 050100
- 010000
Toni
- 773124
- 793B2F
- 7B4439
- 7D4D43
- 7E564D
- 7F5E57
- 806761
- 806F6B
- 807876
Armonie di colore
Complementare +180°
- 742719
Hazelnut Kisses
- 004D59
≈ Watercolour Blue
Analogo -30° +30°
- 742719
Hazelnut Kisses
- 71243F
≈ Rocking Chair
- 653700
≈ Brown
Triadico +120° +240°
- 742719
Hazelnut Kisses
- 005328
≈ Lemon Balm Green
- 313D7F
≈ Evening Magic
Complementare divisa +150° +210°
- 742719
Hazelnut Kisses
- 005047
≈ Green Oblivion
- 004871
≈ Broadwater Blue
Tetradico +90° +180° +270°
- 742719
Hazelnut Kisses
- 3B4B00
≈ Godzilla
- 004D59
≈ Watercolour Blue
- 503274
≈ Prism Violet
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.25:1 · APCA Lc 93
Ag
FailSu nero
WCAG 2.04:1 · APCA Lc 9
Miglior colore del testo: #FFFFFF
WCAG 10.25:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--hazelnut-kisses: #742719;
--hazelnut-kisses-rgb: 116 39 25;
--hazelnut-kisses-oklch: oklch(0.387 0.111 32.5);
}
.element {
color: var(--hazelnut-kisses);
background-color: hsl(9 65% 28%);
border-color: oklch(0.387 0.111 32.5);
}Tailwind CSS v4
@theme {
--color-hazelnut-kisses: #742719;
--color-hazelnut-kisses-50: #ffebe0;
--color-hazelnut-kisses-100: #ffdbcf;
--color-hazelnut-kisses-200: #ffc4b5;
--color-hazelnut-kisses-300: #eaa391;
--color-hazelnut-kisses-400: #d88574;
--color-hazelnut-kisses-500: #c56855;
--color-hazelnut-kisses-600: #a65849;
--color-hazelnut-kisses-700: #85463a;
--color-hazelnut-kisses-800: #63322a;
--color-hazelnut-kisses-900: #46221c;
--color-hazelnut-kisses-950: #2d110d;
}SCSS
$hazelnut-kisses: #742719;
$hazelnut-kisses-rgb: 116, 39, 25;
$hazelnut-kisses-light: mix(#fff, $hazelnut-kisses, 20%);
$hazelnut-kisses-dark: mix(#000, $hazelnut-kisses, 20%);
.element {
color: $hazelnut-kisses;
box-shadow: 0 0 0 2px rgba($hazelnut-kisses, 0.35);
}