Najbliższy nazwany kolor · #0F0A00
#0F0A00
Najbliższy nazwany kolor: Balsamico
#0F0A00 (rgb(15 10 0), hsl(40 100% 3%), oklch(0.147 0.03 92.5)) jest najbliższy nazwanemu kolorowi Balsamico. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#0F0A00
oklch(0.147 0.03 92.5)
Konwersje koloru
- HEX
- #0f0a00
- RGB
- rgb(15 10 0)
- HSL
- hsl(40 100% 3%)
- HWB
- hwb(40 0% 94%)
- OKLCH
- oklch(0.147 0.03 92.5)
- OKLab
- oklab(0.147 -0.001 0.03)
- CIE Lab
- lab(2.93 0.52 4.36)
- LCH
- lch(2.93 4.39 83.2)
- CMYK
- cmyk(0% 33% 100% 94%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 221D0E
- 363224
- 4C483C
- 636055
- 7B786F
- 94928A
- AEACA6
- C8C7C3
- E3E3E0
Odcienie ciemniejsze
- 0B0700
- 080500
- 050300
- 030200
- 020100
- 010100
- 000000
- 000000
- 000000
Tony
- 191406
- 231E11
- 2D291E
- 38352B
- 434138
- 4F4D45
- 5B5954
- 676662
- 737371
Harmonie kolorów
Komplementarna +180°
- 0F0A00
Balsamico
- 070917
≈ Narwhal Grey
Analogowa -30° +30°
- 0F0A00
Balsamico
- 130801
≈ Blackout
- 080C01
≈ Whiten’t
Triada +120° +240°
- 0F0A00
Balsamico
- 000D11
≈ Black Knight
- 120610
≈ Noir Fiction
Komplementarna rozszczepiona +150° +210°
- 0F0A00
Balsamico
- 010C16
≈ Black Knight
- 0D0715
≈ Not Tonight
Tetrada +90° +180° +270°
- 0F0A00
Balsamico
- 000E0B
≈ Black Glaze
- 070917
≈ Narwhal Grey
- 150509
≈ Noir Fiction
Kontrast i dostępność
Ag
AAANa bieli
WCAG 19.74:1 · APCA Lc 106
Ag
FailNa czerni
WCAG 1.06:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 19.74:1 (AAA) · APCA Lc 106
Contrast pairs
Fragmenty kodu
CSS
:root {
--balsamico: #0f0a00;
--balsamico-rgb: 15 10 0;
--balsamico-oklch: oklch(0.147 0.03 92.5);
}
.element {
color: var(--balsamico);
background-color: hsl(40 100% 3%);
border-color: oklch(0.147 0.03 92.5);
}Tailwind CSS v4
@theme {
--color-balsamico: #0f0a00;
--color-balsamico-50: #f8f5ec;
--color-balsamico-100: #ebe8dd;
--color-balsamico-200: #d8d4c6;
--color-balsamico-300: #bcb7a6;
--color-balsamico-400: #a49e8b;
--color-balsamico-500: #8d8670;
--color-balsamico-600: #77715f;
--color-balsamico-700: #5f5b4c;
--color-balsamico-800: #464237;
--color-balsamico-900: #312e25;
--color-balsamico-950: #1d1a14;
}SCSS
$balsamico: #0f0a00;
$balsamico-rgb: 15, 10, 0;
$balsamico-light: mix(#fff, $balsamico, 20%);
$balsamico-dark: mix(#000, $balsamico, 20%);
.element {
color: $balsamico;
box-shadow: 0 0 0 2px rgba($balsamico, 0.35);
}