Nazwany kolor · #5F6255
Sweet Tooth
Sweet Tooth to #5F6255: rgb(95 98 85), hsl(74 7% 36%), oklch(0.489 0.021 117.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Sweet Tooth color name →
#5F6255
oklch(0.489 0.021 117.7)
Konwersje koloru
- HEX
- #5f6255
- RGB
- rgb(95 98 85)
- HSL
- hsl(74 7% 36%)
- HWB
- hwb(74 33% 62%)
- OKLCH
- oklch(0.489 0.021 117.7)
- OKLab
- oklab(0.489 -0.01 0.018)
- CIE Lab
- lab(40.98 -3.16 7.01)
- LCH
- lch(40.98 7.69 114.3)
- CMYK
- cmyk(3% 0% 13% 62%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6E7064
- 7D7F74
- 8C8E85
- 9C9E95
- ABADA6
- BCBDB7
- CCCDC9
- DDDEDB
- EEEEED
Odcienie ciemniejsze
- 525449
- 44473D
- 383A31
- 2C2D26
- 20211C
- 151611
- 0A0B08
- 030302
- 000000
Tony
- 626559
- 65685D
- 696B62
- 6C6E66
- 6F716A
- 73746F
- 767773
- 797A77
- 7D7D7C
Harmonie kolorów
Komplementarna +180°
- 5F6255
Sweet Tooth
- 615E6B
≈ Smoky
Analogowa -30° +30°
- 5F6255
Sweet Tooth
- 656053
≈ Bull Kelp
- 59645A
≈ Imperial Palm
Triada +120° +240°
- 5F6255
Sweet Tooth
- 56626B
≈ Intermediate Blue
- 6B5C60
≈ Expressive Plum
Komplementarna rozszczepiona +150° +210°
- 5F6255
Sweet Tooth
- 5B606C
≈ Concrete Landscape
- 675C66
≈ Moire Satin
Tetrada +90° +180° +270°
- 5F6255
Sweet Tooth
- 536466
≈ Gunmetal
- 615E6B
≈ Smoky
- 6C5C5A
≈ Moroccan Dusk
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.24:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.36:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.24:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--sweet-tooth: #5f6255;
--sweet-tooth-rgb: 95 98 85;
--sweet-tooth-oklch: oklch(0.489 0.021 117.7);
}
.element {
color: var(--sweet-tooth);
background-color: hsl(74 7% 36%);
border-color: oklch(0.489 0.021 117.7);
}Tailwind CSS v4
@theme {
--color-sweet-tooth: #5f6255;
--color-sweet-tooth-50: #f4f6f0;
--color-sweet-tooth-100: #e7e9e1;
--color-sweet-tooth-200: #d3d6cc;
--color-sweet-tooth-300: #b6b9ae;
--color-sweet-tooth-400: #9da093;
--color-sweet-tooth-500: #858879;
--color-sweet-tooth-600: #707367;
--color-sweet-tooth-700: #5a5c52;
--color-sweet-tooth-800: #42433b;
--color-sweet-tooth-900: #2d2e29;
--color-sweet-tooth-950: #1a1b17;
}SCSS
$sweet-tooth: #5f6255;
$sweet-tooth-rgb: 95, 98, 85;
$sweet-tooth-light: mix(#fff, $sweet-tooth, 20%);
$sweet-tooth-dark: mix(#000, $sweet-tooth, 20%);
.element {
color: $sweet-tooth;
box-shadow: 0 0 0 2px rgba($sweet-tooth, 0.35);
}