Adlandırılmış renk · #124A42
Country Squire
Country Squire, #124A42: rgb(18 74 66), hsl(171 61% 18%), oklch(0.371 0.058 181.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Country Squire color name →
#124A42
oklch(0.371 0.058 181.5)
Renk dönüşümleri
- HEX
- #124a42
- RGB
- rgb(18 74 66)
- HSL
- hsl(171 61% 18%)
- HWB
- hwb(171 7% 71%)
- OKLCH
- oklch(0.371 0.058 181.5)
- OKLab
- oklab(0.371 -0.058 -0.002)
- CIE Lab
- lab(27.77 -20.33 -0.73)
- LCH
- lch(27.77 20.35 182.1)
- CMYK
- cmyk(76% 0% 11% 71%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2C5A53
- 436B64
- 5A7D76
- 708E88
- 87A09B
- 9EB3AE
- B6C5C2
- CED8D6
- E6EBEA
Koyu tonlar
- 0E3F38
- 0A352F
- 072A25
- 04201C
- 021714
- 010E0B
- 010605
- 000201
- 000000
Gri tonlar
- 214F48
- 2D554E
- 385A54
- 435F5A
- 4D6560
- 576A66
- 62706D
- 6C7573
- 767B79
Renk uyumları
Tamamlayıcı +180°
- 124A42
Country Squire
- 59323E
≈ Fig
Analog -30° +30°
- 124A42
Country Squire
- 274930
≈ County Green
- 0E4852
≈ Midnight Green
Üçlü +120° +240°
- 124A42
Country Squire
- 45385A
≈ Purple Plumeria
- 56391E
≈ Kuro Brown
Bölünmüş tamamlayıcı +150° +210°
- 124A42
Country Squire
- 52344E
≈ Auricula Purple
- 5B342C
≈ Redwood
Dörtlü +90° +180° +270°
- 124A42
Country Squire
- 353E5F
≈ Mangosteen
- 59323E
≈ Fig
- 4B3F18
≈ Avocado Stone
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.07:1 · APCA Lc 93
Ag
FailSiyah üzerinde
WCAG 2.08:1 · APCA Lc 9
En iyi metin rengi: #FFFFFF
WCAG 10.07:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--country-squire: #124a42;
--country-squire-rgb: 18 74 66;
--country-squire-oklch: oklch(0.371 0.058 181.5);
}
.element {
color: var(--country-squire);
background-color: hsl(171 61% 18%);
border-color: oklch(0.371 0.058 181.5);
}Tailwind CSS v4
@theme {
--color-country-squire: #124a42;
--color-country-squire-50: #e4fbf7;
--color-country-squire-100: #d4efea;
--color-country-squire-200: #baddd7;
--color-country-squire-300: #97c2ba;
--color-country-squire-400: #78aaa1;
--color-country-squire-500: #589389;
--color-country-squire-600: #4b7c74;
--color-country-squire-700: #3c645c;
--color-country-squire-800: #2b4943;
--color-country-squire-900: #1d332e;
--color-country-squire-950: #0d1e1b;
}SCSS
$country-squire: #124a42;
$country-squire-rgb: 18, 74, 66;
$country-squire-light: mix(#fff, $country-squire, 20%);
$country-squire-dark: mix(#000, $country-squire, 20%);
.element {
color: $country-squire;
box-shadow: 0 0 0 2px rgba($country-squire, 0.35);
}