Nazwany kolor · #8F9961
Reptilian Leader
Reptilian Leader to #8F9961: rgb(143 153 97), hsl(71 22% 49%), oklch(0.661 0.078 116.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Reptilian Leader color name →
#8F9961
oklch(0.661 0.078 116.8)
Konwersje koloru
- HEX
- #8f9961
- RGB
- rgb(143 153 97)
- HSL
- hsl(71 22% 49%)
- HWB
- hwb(71 38% 40%)
- OKLCH
- oklch(0.661 0.078 116.8)
- OKLab
- oklab(0.661 -0.035 0.07)
- CIE Lab
- lab(61.37 -10.66 28.19)
- LCH
- lch(61.37 30.13 110.7)
- CMYK
- cmyk(7% 0% 37% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9AA371
- A4AD80
- AFB790
- BAC19F
- C5CBAF
- D1D5BF
- DCE0CF
- E8EADF
- F3F5EF
Odcienie ciemniejsze
- 7C8453
- 697046
- 575D39
- 454A2D
- 343821
- 242715
- 15170B
- 070803
- 010100
Tony
- 8D9765
- 8C9468
- 8A926C
- 898F6F
- 878D72
- 868A75
- 848878
- 83857B
- 81837D
Harmonie kolorów
Komplementarna +180°
- 8F9961
Reptilian Leader
- 9789BD
≈ Sunlit Allium
Analogowa -30° +30°
- 8F9961
Reptilian Leader
- A79059
≈ Dark Sand
- 72A076
≈ Growth
Triada +120° +240°
- 8F9961
Reptilian Leader
- 629ABD
≈ Shakespeare
- BA7F93
≈ Polignac
Komplementarna rozszczepiona +150° +210°
- 8F9961
Reptilian Leader
- 7D91C3
≈ Steel Blue Eyes
- AC82AC
≈ Stage Mauve
Tetrada +90° +180° +270°
- 8F9961
Reptilian Leader
- 52A0AB
≈ Flood Out
- 9789BD
≈ Sunlit Allium
- BE8079
≈ Brownish Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.04:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.89:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 6.89:1 (AA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
CSS
:root {
--reptilian-leader: #8f9961;
--reptilian-leader-rgb: 143 153 97;
--reptilian-leader-oklch: oklch(0.661 0.078 116.8);
}
.element {
color: var(--reptilian-leader);
background-color: hsl(71 22% 49%);
border-color: oklch(0.661 0.078 116.8);
}Tailwind CSS v4
@theme {
--color-reptilian-leader: #8f9961;
--color-reptilian-leader-50: #f2f9e0;
--color-reptilian-leader-100: #e5eccf;
--color-reptilian-leader-200: #d0d9b4;
--color-reptilian-leader-300: #b3be90;
--color-reptilian-leader-400: #9ba56f;
--color-reptilian-leader-500: #838d4f;
--color-reptilian-leader-600: #6e7744;
--color-reptilian-leader-700: #585f36;
--color-reptilian-leader-800: #414625;
--color-reptilian-leader-900: #2d3019;
--color-reptilian-leader-950: #1a1c09;
}SCSS
$reptilian-leader: #8f9961;
$reptilian-leader-rgb: 143, 153, 97;
$reptilian-leader-light: mix(#fff, $reptilian-leader, 20%);
$reptilian-leader-dark: mix(#000, $reptilian-leader, 20%);
.element {
color: $reptilian-leader;
box-shadow: 0 0 0 2px rgba($reptilian-leader, 0.35);
}