Nazwany kolor · #662A2C
Devil’s Lip
Devil’s Lip to #662A2C: rgb(102 42 44), hsl(358 42% 28%), oklch(0.37 0.087 20.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Devil’s Lip color name →
#662A2C
oklch(0.37 0.087 20.3)
Konwersje koloru
- HEX
- #662a2c
- RGB
- rgb(102 42 44)
- HSL
- hsl(358 42% 28%)
- HWB
- hwb(358 16% 60%)
- OKLCH
- oklch(0.37 0.087 20.3)
- OKLab
- oklab(0.37 0.081 0.03)
- CIE Lab
- lab(26.07 27.72 12.7)
- LCH
- lch(26.07 30.49 24.6)
- CMYK
- cmyk(0% 59% 57% 60%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 763E3E
- 855251
- 956665
- A47B7A
- B3908F
- C3A5A4
- D2BBBA
- E1D1D1
- F0E8E8
Odcienie ciemniejsze
- 582325
- 4A1C1E
- 3C1617
- 2F1011
- 230A0A
- 170505
- 0C0202
- 040101
- 000000
Tony
- 6A3334
- 6D3C3C
- 704444
- 734D4C
- 765555
- 785E5D
- 7B6666
- 7D6F6E
- 7E7777
Harmonie kolorów
Komplementarna +180°
- 662A2C
Devil’s Lip
- 004A4D
≈ Sherpa Blue
Analogowa -30° +30°
- 662A2C
Devil’s Lip
- 612A46
≈ Quills of Terico
- 63300D
≈ Meatloaf
Triada +120° +240°
- 662A2C
Devil’s Lip
- 244B1C
≈ Treetop Cathedral
- 233F6D
≈ Limoges
Komplementarna rozszczepiona +150° +210°
- 662A2C
Devil’s Lip
- 004C3A
≈ Raspberry Leaf Green
- 00465F
≈ Loyal Blue
Tetrada +90° +180° +270°
- 662A2C
Devil’s Lip
- 434300
≈ Green Not Found
- 004A4D
≈ Sherpa Blue
- 40366A
≈ Minsk
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.86:1 · APCA Lc 95
Ag
FailNa czerni
WCAG 1.93:1 · APCA Lc 8
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.86:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--devil-s-lip: #662a2c;
--devil-s-lip-rgb: 102 42 44;
--devil-s-lip-oklch: oklch(0.37 0.087 20.3);
}
.element {
color: var(--devil-s-lip);
background-color: hsl(358 42% 28%);
border-color: oklch(0.37 0.087 20.3);
}Tailwind CSS v4
@theme {
--color-devil-s-lip: #662a2c;
--color-devil-s-lip-50: #ffecea;
--color-devil-s-lip-100: #ffdddb;
--color-devil-s-lip-200: #f7c6c3;
--color-devil-s-lip-300: #e1a6a3;
--color-devil-s-lip-400: #cd8a89;
--color-devil-s-lip-500: #b96e6e;
--color-devil-s-lip-600: #9c5d5d;
--color-devil-s-lip-700: #7d4b4a;
--color-devil-s-lip-800: #5d3637;
--color-devil-s-lip-900: #412525;
--color-devil-s-lip-950: #291314;
}SCSS
$devil-s-lip: #662a2c;
$devil-s-lip-rgb: 102, 42, 44;
$devil-s-lip-light: mix(#fff, $devil-s-lip, 20%);
$devil-s-lip-dark: mix(#000, $devil-s-lip, 20%);
.element {
color: $devil-s-lip;
box-shadow: 0 0 0 2px rgba($devil-s-lip, 0.35);
}