En yakın adlandırılmış renk · #07AD9E
#07AD9E
En yakın adlandırılmış renk: Billiard
#07AD9E (rgb(7 173 158), hsl(175 92% 35%), oklch(0.672 0.118 184)) en çok Billiard adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#07AD9E
oklch(0.672 0.118 184)
Renk dönüşümleri
- HEX
- #07ad9e
- RGB
- rgb(7 173 158)
- HSL
- hsl(175 92% 35%)
- HWB
- hwb(175 3% 32%)
- OKLCH
- oklch(0.672 0.118 184)
- OKLab
- oklab(0.672 -0.118 -0.008)
- CIE Lab
- lab(63.41 -41.07 -3.38)
- LCH
- lch(63.41 41.21 184.7)
- CMYK
- cmyk(96% 0% 9% 32%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3FB5A7
- 5CBEB1
- 74C6BA
- 8ACEC4
- 9ED6CD
- B2DFD7
- C6E7E1
- D9EFEB
- ECF7F5
Koyu tonlar
- 059689
- 047F74
- 026A60
- 02554D
- 01413A
- 002D29
- 001B18
- 000B09
- 000101
Gri tonlar
- 2EA99B
- 40A498
- 4DA095
- 589B92
- 61978F
- 68938C
- 6F8E89
- 758986
- 7B8583
Renk uyumları
Tamamlayıcı +180°
- 07AD9E
Billiard
- D2758D
≈ Muted Pink
Analog -30° +30°
- 07AD9E
Billiard
- 54AB74
≈ Glen
- 00A8C2
≈ Sarah’s Garden
Üçlü +120° +240°
- 07AD9E
Billiard
- A683D1
≈ Wisteria
- C88540
≈ Gold Coast
Bölünmüş tamamlayıcı +150° +210°
- 07AD9E
Billiard
- C279B4
≈ Colombo Red Mauve
- D47964
≈ Silithus Brown
Dörtlü +90° +180° +270°
- 07AD9E
Billiard
- 7F90DE
≈ Perrywinkle
- D2758D
≈ Muted Pink
- AE9432
≈ Balsam Pear
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.80:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.48:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--billiard: #07ad9e;
--billiard-rgb: 7 173 158;
--billiard-oklch: oklch(0.672 0.118 184);
}
.element {
color: var(--billiard);
background-color: hsl(175 92% 35%);
border-color: oklch(0.672 0.118 184);
}Tailwind CSS v4
@theme {
--color-billiard: #07ad9e;
--color-billiard-50: #d0fffa;
--color-billiard-100: #bcf5ee;
--color-billiard-200: #99e5dc;
--color-billiard-300: #69cbc0;
--color-billiard-400: #31b5a6;
--color-billiard-500: #009e8f;
--color-billiard-600: #008679;
--color-billiard-700: #006b61;
--color-billiard-800: #004f45;
--color-billiard-900: #003730;
--color-billiard-950: #00221c;
}SCSS
$billiard: #07ad9e;
$billiard-rgb: 7, 173, 158;
$billiard-light: mix(#fff, $billiard, 20%);
$billiard-dark: mix(#000, $billiard, 20%);
.element {
color: $billiard;
box-shadow: 0 0 0 2px rgba($billiard, 0.35);
}