Adlandırılmış renk · #742719
Hazelnut Kisses
Hazelnut Kisses, #742719: rgb(116 39 25), hsl(9 65% 28%), oklch(0.387 0.111 32.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Hazelnut Kisses color name →
#742719
oklch(0.387 0.111 32.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 833D2F
- 925144
- A0665A
- AE7B70
- BC9087
- CAA69E
- D8BCB5
- E5D2CD
- F2E8E6
Koyu tonlar
- 642014
- 541A10
- 45140B
- 370E07
- 290804
- 1B0402
- 0F0201
- 050100
- 010000
Gri tonlar
- 773124
- 793B2F
- 7B4439
- 7D4D43
- 7E564D
- 7F5E57
- 806761
- 806F6B
- 807876
Renk uyumları
Tamamlayıcı +180°
- 742719
Hazelnut Kisses
- 004D59
≈ Watercolour Blue
Analog -30° +30°
- 742719
Hazelnut Kisses
- 71243F
≈ Rocking Chair
- 653700
≈ Brown
Üçlü +120° +240°
- 742719
Hazelnut Kisses
- 005328
≈ Lemon Balm Green
- 313D7F
≈ Evening Magic
Bölünmüş tamamlayıcı +150° +210°
- 742719
Hazelnut Kisses
- 005047
≈ Green Oblivion
- 004871
≈ Broadwater Blue
Dörtlü +90° +180° +270°
- 742719
Hazelnut Kisses
- 3B4B00
≈ Godzilla
- 004D59
≈ Watercolour Blue
- 503274
≈ Prism Violet
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.25:1 · APCA Lc 93
Ag
FailSiyah üzerinde
WCAG 2.04:1 · APCA Lc 9
En iyi metin rengi: #FFFFFF
WCAG 10.25:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
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);
}