Adlandırılmış renk · #83A492
Bristol Green
Bristol Green, #83A492: rgb(131 164 146), hsl(147 15% 58%), oklch(0.689 0.045 161.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Bristol Green color name →
#83A492
oklch(0.689 0.045 161.1)
Renk dönüşümleri
- HEX
- #83a492
- RGB
- rgb(131 164 146)
- HSL
- hsl(147 15% 58%)
- HWB
- hwb(147 51% 36%)
- OKLCH
- oklch(0.689 0.045 161.1)
- OKLab
- oklab(0.689 -0.043 0.015)
- CIE Lab
- lab(64.49 -14.63 5.44)
- LCH
- lch(64.49 15.61 159.6)
- CMYK
- cmyk(20% 0% 11% 36%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8FAD9C
- 9BB6A7
- A7BFB2
- B4C8BC
- C0D1C7
- CCDAD2
- D9E3DD
- E5ECE8
- F2F6F4
Koyu tonlar
- 718E7E
- 60796B
- 4F6458
- 3F5046
- 2F3D35
- 202B25
- 121A16
- 060A08
- 010101
Gri tonlar
- 83A090
- 839D8E
- 83998D
- 82968B
- 829289
- 828E87
- 818B85
- 818784
- 818482
Renk uyumları
Tamamlayıcı +180°
- 83A492
Bristol Green
- AF90A3
≈ Palisade Orchid
Analog -30° +30°
- 83A492
Bristol Green
- 91A184
≈ Fresh Sod
- 7BA4A2
≈ Sightful
Üçlü +120° +240°
- 83A492
Bristol Green
- 9598B7
≈ Thistle Down
- B49286
≈ Mauve Blush
Bölünmüş tamamlayıcı +150° +210°
- 83A492
Bristol Green
- A493B0
≈ Gleeful Joy
- B59094
≈ Deauville Mauve
Dörtlü +90° +180° +270°
- 83A492
Bristol Green
- 879DB6
≈ Office Blue
- AF90A3
≈ Palisade Orchid
- AD977D
≈ Roasted Hazelnut
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.73:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.69:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.69:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
CSS
:root {
--bristol-green: #83a492;
--bristol-green-rgb: 131 164 146;
--bristol-green-oklch: oklch(0.689 0.045 161.1);
}
.element {
color: var(--bristol-green);
background-color: hsl(147 15% 58%);
border-color: oklch(0.689 0.045 161.1);
}Tailwind CSS v4
@theme {
--color-bristol-green: #83a492;
--color-bristol-green-50: #eaf9f1;
--color-bristol-green-100: #dbede4;
--color-bristol-green-200: #c4dbcf;
--color-bristol-green-300: #a4bfb1;
--color-bristol-green-400: #88a796;
--color-bristol-green-500: #6c907d;
--color-bristol-green-600: #5c7a6a;
--color-bristol-green-700: #496154;
--color-bristol-green-800: #35473d;
--color-bristol-green-900: #24312a;
--color-bristol-green-950: #131d17;
}SCSS
$bristol-green: #83a492;
$bristol-green-rgb: 131, 164, 146;
$bristol-green-light: mix(#fff, $bristol-green, 20%);
$bristol-green-dark: mix(#000, $bristol-green, 20%);
.element {
color: $bristol-green;
box-shadow: 0 0 0 2px rgba($bristol-green, 0.35);
}