Najbliższy nazwany kolor · #0FAD9E
#0FAD9E
Najbliższy nazwany kolor: Billiard
#0FAD9E (rgb(15 173 158), hsl(174 84% 37%), oklch(0.673 0.117 183.9)) jest najbliższy nazwanemu kolorowi Billiard. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#0FAD9E
oklch(0.673 0.117 183.9)
Konwersje koloru
- HEX
- #0fad9e
- RGB
- rgb(15 173 158)
- HSL
- hsl(174 84% 37%)
- HWB
- hwb(174 6% 32%)
- OKLCH
- oklch(0.673 0.117 183.9)
- OKLab
- oklab(0.673 -0.117 -0.008)
- CIE Lab
- lab(63.46 -40.73 -3.3)
- LCH
- lch(63.46 40.87 184.6)
- CMYK
- cmyk(91% 0% 9% 32%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 41B5A7
- 5DBEB1
- 75C6BA
- 8ACEC4
- 9FD6CD
- B3DFD7
- C6E7E1
- D9EFEB
- ECF7F5
Odcienie ciemniejsze
- 0B9689
- 087F74
- 056A60
- 03554D
- 02413A
- 012D29
- 001B18
- 000B09
- 000101
Tony
- 30A99B
- 41A498
- 4EA095
- 589B92
- 61978F
- 69928C
- 708E89
- 768986
- 7B8583
Harmonie kolorów
Komplementarna +180°
- 0FAD9E
Billiard
- D1768E
≈ Muted Pink
Analogowa -30° +30°
- 0FAD9E
Billiard
- 55AB74
≈ Glen
- 08A8C2
≈ Sarah’s Garden
Triada +120° +240°
- 0FAD9E
Billiard
- A683D1
≈ Wisteria
- C88541
≈ Gold Coast
Komplementarna rozszczepiona +150° +210°
- 0FAD9E
Billiard
- C17AB4
≈ Colombo Red Mauve
- D47A65
≈ Silithus Brown
Tetrada +90° +180° +270°
- 0FAD9E
Billiard
- 8090DE
≈ Perrywinkle
- D1768E
≈ Muted Pink
- AE9434
≈ Balsam Pear
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.80:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.49:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--billiard: #0fad9e;
--billiard-rgb: 15 173 158;
--billiard-oklch: oklch(0.673 0.117 183.9);
}
.element {
color: var(--billiard);
background-color: hsl(174 84% 37%);
border-color: oklch(0.673 0.117 183.9);
}Tailwind CSS v4
@theme {
--color-billiard: #0fad9e;
--color-billiard-50: #d0fffa;
--color-billiard-100: #bcf5ee;
--color-billiard-200: #99e5dc;
--color-billiard-300: #6acbc0;
--color-billiard-400: #33b5a6;
--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: #0fad9e;
$billiard-rgb: 15, 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);
}