Adlandırılmış renk · #008684
Green Lapis
Green Lapis, #008684: rgb(0 134 132), hsl(179 100% 26%), oklch(0.561 0.096 192.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? → · Green Lapis color name →
#008684
oklch(0.561 0.096 192.9)
Renk dönüşümleri
- HEX
- #008684
- RGB
- rgb(0 134 132)
- HSL
- hsl(179 100% 26%)
- HWB
- hwb(179 0% 47%)
- OKLCH
- oklch(0.561 0.096 192.9)
- OKLab
- oklab(0.561 -0.094 -0.021)
- CIE Lab
- lab(50.08 -31.91 -8.2)
- LCH
- lch(50.08 32.95 194.4)
- CMYK
- cmyk(100% 0% 1% 47%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 349290
- 509E9B
- 68AAA7
- 7FB6B4
- 94C2C0
- AACECC
- BFDAD9
- D4E6E5
- EAF3F2
Koyu tonlar
- 007472
- 006260
- 00514F
- 00403F
- 00302F
- 002120
- 001312
- 000606
- 000101
Gri tonlar
- 248684
- 368583
- 438583
- 4E8482
- 588482
- 618382
- 698281
- 718281
- 798180
Renk uyumları
Tamamlayıcı +180°
- 008684
Green Lapis
- A55C65
≈ Delicate Prunus
Analog -30° +30°
- 008684
Green Lapis
- 358664
≈ Chrysocolla Green
- 1E819E
≈ Summer Blue
Üçlü +120° +240°
- 008684
Green Lapis
- 88639D
≈ Chive Blossom
- 976B2D
≈ Vintage Caramel
Bölünmüş tamamlayıcı +150° +210°
- 008684
Green Lapis
- 9B5D84
≈ Raspberry Jelly Red
- A46145
≈ Borneo
Dörtlü +90° +180° +270°
- 008684
Green Lapis
- 6D6DAB
≈ Jacaranda Jazz
- A55C65
≈ Delicate Prunus
- 7F772C
≈ Faience Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.42:1 · APCA Lc 70
Ag
AASiyah üzerinde
WCAG 4.74:1 · APCA Lc 32
En iyi metin rengi: #000000
WCAG 4.74:1 (AA) · APCA Lc 32
Contrast pairs
Kod parçacıkları
CSS
:root {
--green-lapis: #008684;
--green-lapis-rgb: 0 134 132;
--green-lapis-oklch: oklch(0.561 0.096 192.9);
}
.element {
color: var(--green-lapis);
background-color: hsl(179 100% 26%);
border-color: oklch(0.561 0.096 192.9);
}Tailwind CSS v4
@theme {
--color-green-lapis: #008684;
--color-green-lapis-50: #d7fefe;
--color-green-lapis-100: #c4f3f2;
--color-green-lapis-200: #a4e2e1;
--color-green-lapis-300: #7ac7c6;
--color-green-lapis-400: #4fb0ae;
--color-green-lapis-500: #049a97;
--color-green-lapis-600: #0f8280;
--color-green-lapis-700: #0e6867;
--color-green-lapis-800: #084d4a;
--color-green-lapis-900: #063533;
--color-green-lapis-950: #00201f;
}SCSS
$green-lapis: #008684;
$green-lapis-rgb: 0, 134, 132;
$green-lapis-light: mix(#fff, $green-lapis, 20%);
$green-lapis-dark: mix(#000, $green-lapis, 20%);
.element {
color: $green-lapis;
box-shadow: 0 0 0 2px rgba($green-lapis, 0.35);
}