Adlandırılmış renk · #708E95
Baritone
Baritone, #708E95: rgb(112 142 149), hsl(191 15% 51%), oklch(0.626 0.035 213.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Baritone color name →
#708E95
oklch(0.626 0.035 213.5)
Renk dönüşümleri
- HEX
- #708e95
- RGB
- rgb(112 142 149)
- HSL
- hsl(191 15% 51%)
- HWB
- hwb(191 44% 42%)
- OKLCH
- oklch(0.626 0.035 213.5)
- OKLab
- oklab(0.626 -0.029 -0.02)
- CIE Lab
- lab(56.9 -9.7 -7.4)
- LCH
- lch(56.9 12.2 217.4)
- CMYK
- cmyk(25% 5% 0% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7E999F
- 8BA4A9
- 99AFB4
- A7BABE
- B6C5C9
- C4D0D3
- D3DCDE
- E1E8E9
- F0F3F4
Koyu tonlar
- 607B81
- 51686D
- 43565A
- 354448
- 273437
- 1A2426
- 0E1516
- 040708
- 010101
Gri tonlar
- 728D93
- 748B91
- 758A8F
- 77888D
- 79878A
- 7A8688
- 7C8486
- 7D8384
- 7F8182
Renk uyumları
Tamamlayıcı +180°
- 708E95
Baritone
- 9C817A
≈ Cinereous
Analog -30° +30°
- 708E95
Baritone
- 718F8A
≈ Gumbo
- 768B9C
≈ China Clay
Üçlü +120° +240°
- 708E95
Baritone
- 968091
≈ Plum Swirl
- 8F8870
≈ Mirrored Willow
Bölünmüş tamamlayıcı +150° +210°
- 708E95
Baritone
- 9B8086
≈ Ordain
- 988472
≈ Even Evan
Dörtlü +90° +180° +270°
- 708E95
Baritone
- 8C839A
≈ Purple Ash
- 9C817A
≈ Cinereous
- 848C75
≈ Aloe Vera Tea
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.50:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 5.99:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.99:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--baritone: #708e95;
--baritone-rgb: 112 142 149;
--baritone-oklch: oklch(0.626 0.035 213.5);
}
.element {
color: var(--baritone);
background-color: hsl(191 15% 51%);
border-color: oklch(0.626 0.035 213.5);
}Tailwind CSS v4
@theme {
--color-baritone: #708e95;
--color-baritone-50: #eaf8fc;
--color-baritone-100: #dbebef;
--color-baritone-200: #c4d8de;
--color-baritone-300: #a4bcc3;
--color-baritone-400: #87a4ab;
--color-baritone-500: #6c8d94;
--color-baritone-600: #5b777d;
--color-baritone-700: #495f64;
--color-baritone-800: #344649;
--color-baritone-900: #243033;
--color-baritone-950: #121d1f;
}SCSS
$baritone: #708e95;
$baritone-rgb: 112, 142, 149;
$baritone-light: mix(#fff, $baritone, 20%);
$baritone-dark: mix(#000, $baritone, 20%);
.element {
color: $baritone;
box-shadow: 0 0 0 2px rgba($baritone, 0.35);
}