Adlandırılmış renk · #8E7F6D
Safari Beige
Safari Beige, #8E7F6D: rgb(142 127 109), hsl(33 13% 49%), oklch(0.605 0.032 72.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Safari Beige color name →
#8E7F6D
oklch(0.605 0.032 72.2)
Renk dönüşümleri
- HEX
- #8e7f6d
- RGB
- rgb(142 127 109)
- HSL
- hsl(33 13% 49%)
- HWB
- hwb(33 43% 44%)
- OKLCH
- oklch(0.605 0.032 72.2)
- OKLab
- oklab(0.605 0.01 0.031)
- CIE Lab
- lab(54.2 3.68 12.03)
- LCH
- lch(54.2 12.58 73)
- CMYK
- cmyk(0% 11% 23% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 998B7B
- A49789
- AFA497
- BAB0A5
- C5BDB4
- D0CAC2
- DCD7D1
- E8E4E0
- F3F2F0
Koyu tonlar
- 7B6E5E
- 685D4F
- 564C41
- 443C33
- 342D26
- 241F19
- 15110D
- 070604
- 010101
Gri tonlar
- 8D7F6F
- 8B7F71
- 8A7F73
- 887F75
- 878077
- 868079
- 84807A
- 83807C
- 81807E
Renk uyumları
Tamamlayıcı +180°
- 8E7F6D
Safari Beige
- 748395
≈ Tranquil Pond
Analog -30° +30°
- 8E7F6D
Safari Beige
- 937C73
≈ Soft Rabbit Brown
- 85836D
≈ Mudstone
Üçlü +120° +240°
- 8E7F6D
Safari Beige
- 6C8887
≈ Overgrown Trellis
- 887C90
≈ Dusky Grape
Bölünmüş tamamlayıcı +150° +210°
- 8E7F6D
Safari Beige
- 6D8690
≈ Shoreline
- 7E8095
≈ Majestic Mount
Dörtlü +90° +180° +270°
- 8E7F6D
Safari Beige
- 71887C
≈ Sea Palm
- 748395
≈ Tranquil Pond
- 907A87
≈ Iced Orchid
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.88:1 · APCA Lc 66
Ag
AASiyah üzerinde
WCAG 5.40:1 · APCA Lc 35
En iyi metin rengi: #000000
WCAG 5.40:1 (AA) · APCA Lc 35
Contrast pairs
Kod parçacıkları
CSS
:root {
--safari-beige: #8e7f6d;
--safari-beige-rgb: 142 127 109;
--safari-beige-oklch: oklch(0.605 0.032 72.2);
}
.element {
color: var(--safari-beige);
background-color: hsl(33 13% 49%);
border-color: oklch(0.605 0.032 72.2);
}Tailwind CSS v4
@theme {
--color-safari-beige: #8e7f6d;
--color-safari-beige-50: #fbf4eb;
--color-safari-beige-100: #eee7dc;
--color-safari-beige-200: #ddd3c6;
--color-safari-beige-300: #c1b5a6;
--color-safari-beige-400: #ab9c8a;
--color-safari-beige-500: #94836f;
--color-safari-beige-600: #7d6f5e;
--color-safari-beige-700: #64594b;
--color-safari-beige-800: #4a4136;
--color-safari-beige-900: #332d25;
--color-safari-beige-950: #1f1a14;
}SCSS
$safari-beige: #8e7f6d;
$safari-beige-rgb: 142, 127, 109;
$safari-beige-light: mix(#fff, $safari-beige, 20%);
$safari-beige-dark: mix(#000, $safari-beige, 20%);
.element {
color: $safari-beige;
box-shadow: 0 0 0 2px rgba($safari-beige, 0.35);
}