Adlandırılmış renk · #276757
Terrestrial
Terrestrial, #276757: rgb(39 103 87), hsl(165 45% 28%), oklch(0.468 0.071 173.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Terrestrial color name →
#276757
oklch(0.468 0.071 173.9)
Renk dönüşümleri
- HEX
- #276757
- RGB
- rgb(39 103 87)
- HSL
- hsl(165 45% 28%)
- HWB
- hwb(165 15% 60%)
- OKLCH
- oklch(0.468 0.071 173.9)
- OKLab
- oklab(0.468 -0.07 0.007)
- CIE Lab
- lab(39.16 -24.59 2.65)
- LCH
- lch(39.16 24.74 173.9)
- CMYK
- cmyk(62% 0% 16% 60%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3F7566
- 548476
- 699286
- 7EA196
- 93B1A7
- A8C0B8
- BDCFC9
- D3DFDB
- E9EFED
Koyu tonlar
- 20594B
- 1A4B3E
- 143D33
- 0E3027
- 08231C
- 041712
- 020C08
- 010403
- 000000
Gri tonlar
- 336A5B
- 3D6C5F
- 466F63
- 4F7167
- 58746B
- 60766F
- 687973
- 707B78
- 787E7C
Renk uyumları
Tamamlayıcı +180°
- 276757
Terrestrial
- 79495D
≈ Bewitching
Analog -30° +30°
- 276757
Terrestrial
- 416540
≈ Friendly Fairway
- 1B656C
≈ Seamount
Üçlü +120° +240°
- 276757
Terrestrial
- 5C527E
≈ Freshly Purpleized
- 794F33
≈ Walnut Wood
Bölünmüş tamamlayıcı +150° +210°
- 276757
Terrestrial
- 6E4C71
≈ Hyssop
- 7D4A47
≈ Tuscan Red
Dörtlü +90° +180° +270°
- 276757
Terrestrial
- 465A82
≈ Optimum Blue
- 79495D
≈ Bewitching
- 6D5728
≈ Horses Neck
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.63:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.16:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.63:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--terrestrial: #276757;
--terrestrial-rgb: 39 103 87;
--terrestrial-oklch: oklch(0.468 0.071 173.9);
}
.element {
color: var(--terrestrial);
background-color: hsl(165 45% 28%);
border-color: oklch(0.468 0.071 173.9);
}Tailwind CSS v4
@theme {
--color-terrestrial: #276757;
--color-terrestrial-50: #e1fcf4;
--color-terrestrial-100: #d0f0e7;
--color-terrestrial-200: #b6dfd3;
--color-terrestrial-300: #91c4b6;
--color-terrestrial-400: #71ac9b;
--color-terrestrial-500: #4f9682;
--color-terrestrial-600: #447f6e;
--color-terrestrial-700: #366558;
--color-terrestrial-800: #274a3f;
--color-terrestrial-900: #1a342c;
--color-terrestrial-950: #0a1f19;
}SCSS
$terrestrial: #276757;
$terrestrial-rgb: 39, 103, 87;
$terrestrial-light: mix(#fff, $terrestrial, 20%);
$terrestrial-dark: mix(#000, $terrestrial, 20%);
.element {
color: $terrestrial;
box-shadow: 0 0 0 2px rgba($terrestrial, 0.35);
}